世界の国旗をdivとCSSで表現したサイト「 CSS Flags」!

2016/08/24

こんにちは。
今回は世界の国旗をdivとCSSで表現したサイト「CSS Flags」!です。

世界の国旗をdivとCSSで実装したギャラリーサイトを紹介します。

世界の国旗をdivとCSSで表現したサイト「 CSS Flags」!

CSS Flags

css-flags

https://pixelastic.github.io/css-flags/

 

css-flags2

全部で170個の国旗が実装されており、クリックすると公開されているGitHubにリンクされています。
日本の国旗だとこんな感じですよ。

 

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

 

いかがでしたか。divとCSSだけで表現されているのに驚きですね。
以上で世界の国旗をdivとCSSで表現したサイト「 CSS Flags」!でした。

topへ戻る