CSSだけでメールアイコンを作ってみたメモ #CSS

CSSだけでメールアイコンを作ってみたメモ #CSS

CSS3になっていろいろできるようになったので、CSSだけでメールアイコンを作ってみました。

上のメールアイコンがそれ。

見れない人向けの画像版は下。
20140421

html自体は、めっちゃシンプルに単なるブロックです。

CSSはこんな感じ。
divブロックに、:beforeの擬似要素で作ったborderの線をtransform:rotateを使って回転させるーーそれだけ!

案外、これだけでメールアイコンっぽくなるもんだね。


Back to Top