レスポンシブに画面幅が狭くなると簡素に変形していくアイコンが新しい 『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 ウェブデザインギャラリー