世界の国旗をCSSとdivのみで実装する「CSS Flags」

 
世界各国の国旗をCSSとdivのみで実装した「CSS Flags」が興味深かったので忘備録。各国旗をクリックするとCSSが表示されるので、CSSで描画の勉強をしたい時など重宝しそうなサイトです。

CSS Flags



  • UIデザインのスニペットがまとめられたサイト「CodeMyUI」
  • 簡単にホバーエフェクトを実装できるCSSライブラリ「Izmir Hover Effects」
  • 軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
  • マルチボックスのフルスクリーンメニュー「Multibox Menu」
  • CSSで作成する吹き出しとデザインのアイデア
RELATED POSTS
  • CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • CSSグリッドレイアウトのコードを生成できるツール「Griddy」
  • キレイなアニメーションのCSSスピナーコレクション「Epic Spinners」
  • コピペで使えるCSSアニメジェネレーター「WAIT! Animate」
  • 画像に3Dブラーのホバーエフェクトを掛けられる「tiltfx.js」
RECENT POSTS
  • 無料で使えるフリーアイコン素材サイト15選
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
PICKUP
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • 導入しておきたいWordPressのおすすめプラグイン
  • CSSで作成する吹き出しとデザインのアイデア
  • 無料で使用できる海外のフリー写真素材サイトまとめ