CSS3でカレンダーアイコンを作るためのチュートリアル

いつか使いそうなのでメモしておこう・・・。CSS3でカレンダーアイコンを作るためのチュートリアルです。

↑ こういうやつを作ります。

HTMLのマークアップはシンプルに以下のような感じです。

<p class="calendar">7 <em>February</em></p>

そこからCSSを作り込んでいきますが、基本的な仕組みは以下のとおりです。

↑ なーるほど・・・。

実際のコードは元サイトからどうぞ。複雑ではありますが、CSSでここまで出来るのは驚きですよね・・・。

» Drawing Calendar Icon With CSS3 | Css Globe

Pocket

SPONSORED LINK

Leave a Reply

Your email address will not be published. Required fields are marked *