[CSS]HTMLとCSSだけで実装する、ごく普通のアイコン

当サイトでもCSS3で実装する面白いトリックをたくさん紹介してきましたが、Rather SplendidからCSS3で実装したごく普通のアイコンを紹介します。

デモのキャプチャ

Pure CSS Icons
デモページ

アイコンはRSS、iPhone、ハートをはじめ、円や三角なども画像を使用せずに実装されています。

CSSで実装されているため、ブラウザのフォントサイズを変更すると、アイコンのサイズも拡大縮小します。
各アイコンは、マウスのホバー時に一回り大きくなります。

デモのキャプチャ

マウスオーバー時

sponsors

top of page

©2024 coliss