CSS3でカレンダーアイコンを作るためのチュートリアル
- February 8th, 2011
- Posted in 開発ツール・技術
- Write comment
いつか使いそうなのでメモしておこう・・・。CSS3でカレンダーアイコンを作るためのチュートリアルです。
↑ こういうやつを作ります。
HTMLのマークアップはシンプルに以下のような感じです。
<p class="calendar">7 <em>February</em></p>
そこからCSSを作り込んでいきますが、基本的な仕組みは以下のとおりです。
↑ なーるほど・・・。
実際のコードは元サイトからどうぞ。複雑ではありますが、CSSでここまで出来るのは驚きですよね・・・。
» Drawing Calendar Icon With CSS3 | Css Globe
No comments yet.