CSS3で斜線・ストライプなどの背景装飾のコードまとめ-コピペですぐ使える!

みなさんはCSS3での装飾はどれくらいしていますか?

僕はモダンブラウザのシェアが最近上がってきているので、PCサイトでも気にせず使ったりしています。
ちょっとしたコードでPhotoshopを使わずに簡単に装飾出来るのでズボラな僕にはピッタリです。

しかし!毎回コードを書くのは面倒くさい・・・
ということで、すぐにコピペして使えるようにまとめて見ました!良ければ使ってみて下さい!

CSS3

気が向いたらどんどんサンプルを増やしていきます!

斜線による装飾

SAMPLE 1


SAMPLE 2


SAMPLE 3


SAMPLE 4


SAMPLE 5


SAMPLE 6


SAMPLE 7


SAMPLE 8


ボーダー(横線)による装飾

SAMPLE 9


SAMPLE 10


SAMPLE 11


SAMPLE 12


SAMPLE 13


SAMPLE 14


SAMPLE 15


SAMPLE 16


ストライプ(縦線)による装飾

SAMPLE 17


SAMPLE 18


SAMPLE 19


SAMPLE 20


SAMPLE 21


SAMPLE 22


SAMPLE 23


SAMPLE 24


四角(ブロックパターン)による装飾

SAMPLE 25


SAMPLE 26


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です