ソーシャルメディアのアイコンをCSSとHTMLだけで作ってしまった「Experimental: Pure CSS social media icons」というエントリーのご紹介。
IE系では動作しないようですが、面白いサンプルがありました。
詳しくは以下
動作デモ
JavaScriptも画像も使用しないで次のようにロゴを再現しています。
■ Firefox3.6
■ Safari4.0.5
■ IE8
残念ながら、四角くなってしまってます。
■ Chrome
■ Opera10.5
デモを見ていただくと、実際の様子がわかります。
将来的にはこういった技術を使用してリソースの節約をしていけるかもしれませんね。
こちらもあわせてどうぞ
- Newer: CSS3のコードを自動生成してくれる「CSS3 Generator」
- Older: [週末ネタ]ストリートファイターⅣのアートワーク
0