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

SPONSORED LINK

Pocket

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

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

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

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

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

↑ なーるほど・・・。

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

» Drawing Calendar Icon With CSS3 | Css Globe

ツイッターもやっています!

SPONSORED LINK

  1. No comments yet.

  1. No trackbacks yet.