世界の国旗をCSSとdivのみで実装する「CSS Flags」
世界各国の国旗をCSSとdivのみで実装した「CSS Flags」が興味深かったので忘備録。各国旗をクリックするとCSSが表示されるので、CSSで描画の勉強をしたい時など重宝しそうなサイトです。
CSS Flags
-
サイトで使用していないCSSセレクタを調べられる「Unused CSS」
-
バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
-
【CSS】CSSアニメーションを簡単に作成できる「Animista」
-
CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
-
CSSグリッドレイアウトのコードを生成できるツール「Griddy」
RELATED POSTS
複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
【jQuery】ページにマーカーを実装することができる「markerPen」
【2021年版】 Google Fontsの使い方とおすすめ日本語フォント
CSSで簡単に作れるおしゃれな見出しデザイン20選
【CSS】CSSだけで作られた簡単に使えるアイコンセット
パララックス効果がキレイなスライダー「PIGNOSE ParallaxSlider」
