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

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

CSS Flags


  • CSSで実装するローディングアニメーション「Single Element CSS Spinners」
  • 【CSS】色々と使える疑似クラス:nth-child()の実用例
  • メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
  • 【CSS】CSSだけで作られた簡単に使えるアイコンセット
  • コピペするだけで使えるCSSボタンジェネレーターまとめ
RELATED POSTS
  • 複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
  • CSSで実装するローディングアニメーション「Single Element CSS Spinners」
  • リデザインのレビューを集めたWebサービス「reDSGN」
  • Webサイト・スマホアプリなどのUIデザインギャラリー「UIPatternHub」
  • 非レスポンシブの要素をレスポンシブ化する「Reframe.js」
  • 【jQuery】画像のドミナントカラーを背景色にする「jquery.adaptive-backgrounds.js」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • パーツを組み合わせてイラストを作成できる「Open Peeps」
  • 無料で使用できるポップなフリーイラスト「illlustrations」
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」