定番
新着
履歴

CSS


  • CSS マーカーのような表現
  • 蛍光ペンで文字の上に線を引いたような表現のサンプルです。文章の中で、目立たせたいときに、よく蛍光ペンで線を引きます。 CSSで思いのほか、簡単にできます。 サンプルの文章で、大事な部分に、水色をつけています。 サンプルの文章で、大事な部分に、橙色をつけています。 サンプルの文章で、大事な部分に、紫色をつけています。 サンプルの文章で、大事な部分に、青色をつけています。 サンプルの文章で、大事な部分に、緑色をつけています。
  • 2018-11-18 20:00:55
  • 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