定番
履歴

CSS


  • CSS3 flexを使った配置1(横の位置)
  • flexを使ってfloatのような配置を実装します。CSS3より追加されたflexのサンプルです。 flexという言葉の通りこれがあればレイアウトをうまいことやってくれるのでfloatやmarginで悩むことが減りそうです。 まず、わかりやすいように親子関係の入れ子の箱のスタイルを用意しました。 .demo_box{ background: #AAA; height: 160px; margin:0 0 10px;
  • 2018-09-02 01:16:12
  • CSS3 画像を左右に回転する
  • 要素をCSSのアニメを使い、左右にかしげるような表現のサンプルです。CSS3で手軽にアニメーションが使えるようになり、回転とループアニメを組み合わせると下記のような動きをつけることができます。 左右に回転するアニメーションも少し調整するといくつかバリエーションができます。 左に10度回転 @keyframes yure { 0% { transform: rotateZ(0deg)
  • 2018-06-07 00:37:21
  • CSS3 スクロールバーのスタイル
  • スクロールバーを自分の好きなスタイルに変更するときのサンプルです。 最近、CSSでoverflow:scrollとしてスクロールバーを表示させる手法が手軽になりました。 しかし、スクロールバーのデザインはブラウザに依存していて、ページのテイストに合わない場合があります。 そんな時は以下のようにスタイルを指定して、幅や色、角の大きさなどを変えることができます。 Google Chrome、Safariに対応していますので、iOS,Android
  • 2018-03-11 13:22:29

© 2018 kipure
Top