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

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

CSS Flags



  • CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
  • カエルのゲームでFlexboxを学べるサイト「Flexbox Froggy」
  • 【CSS】text-shadowの使用例をまとめたサイト「Trendy CSS Text Shadows」
RELATED POSTS
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • CSSでインスタグラムのようなフィルターを再現できる「Instagram.css」
  • input要素への入力を制御できるスクリプト「Cleave.js」
  • Web上で差分が確認できるテキスト比較ツール「difff」
  • CSSでスマートフォンなどデバイスのモックアップを実装できる「Devices.css」
  • 【jQuery】商品一覧ページなどで効果的に使える「Product Preview Slider」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • 【2020年版】無料で使えるフリーイラスト素材サイト30選(商用利用可)
  • 導入しておきたいWordPressのおすすめプラグイン
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-