レスポンシブに画面幅が狭くなると簡素に変形していくアイコンが新しい 『Pure CSS Responsive icons (one div)』

レスポンシブに画面幅が狭くなると簡素に変形していくアイコンが新しい 『Pure CSS Responsive icons (one div)』
このエントリーをはてなブックマークに追加
PR

Pure CSS Responsive icons (one div)
By Jack Filose

http://codepen.io/jackfilose/pen/EqjFl

icon2

色々なレスポンシブデザインがありますが、アイコンをレスポンシブにしちゃうんなんて驚き。全くもって私にはこんな発想がなかったので驚きと、新しいボキャブラリーというか、WEB制作での引出しが増えるわけで、喜びを感じます

また、こちらのレスポンシブなアイコンはCSSで書かれています、画像ではありあせん
さらにHTMLの方はDIV一つだけで出来上がっています

 

 

アイディアの大元はこちらのようです

http://www.joeharrison.co.uk/

 

これは画面の幅によってより最適な、アイコンを表示させるようにするプロジェクトのようです

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)