タグ

ブックマーク / commonsense-design.com (1)

  • コピペで簡単!CSSで作る装飾アイディア14個

    モバイルファーストやらフラットデザインやらで、画像で装飾するよりも、チャチャッとCSSで装飾することが多くなりましたよね!というわけで、よく使いそうなもの(じゃないのも混じってますが)をいつでも簡単にコピペできるようにまとめてみました。 目次 CSSで飾りを作るポイント 見出し系の装飾 クラシック系二重線 クラシック系飾り罫 丸付き罫線 マルチボーダー風 パワポ風装飾 リスト系の装飾 チェックマーク プラスマーク 矢印 矢印付きリンク 矢印1 矢印2 アイコン風 そのほかの装飾 NEW!リボン 紙を重ねた風の表現 ふきだし色々 CSSで飾りを作るポイント CSSで飾りを作るのに欠かせないのは、疑似要素とposition、transformの扱い。逆にココさえ押さえておけば、自分なりに色々な飾りが作れると思います! 疑似要素:before & :after CSS装飾にとっても便利な疑似要素

    コピペで簡単!CSSで作る装飾アイディア14個
  • 1