世界の国旗をCSSとdivのみで実装する「CSS Flags」
世界各国の国旗をCSSとdivのみで実装した「CSS Flags」が興味深かったので忘備録。各国旗をクリックするとCSSが表示されるので、CSSで描画の勉強をしたい時など重宝しそうなサイトです。
CSS Flags
-
さまざまなスタイルのCSSボタンをコレクションした「Buttons」
-
イメージを見ながら学べるCSS GRIDのチートシート「GRID」
-
Youtubeの埋め込み動画をレスポンシブに対応させる方法
-
SVGの背景パターンを手軽に作れるジェネレーター「SVG Backgrounds」
-
Neumorphismを簡単に作れるジェネレーター「Neumorphism.io」
RELATED POSTS
Webサイトのページ表示速度を測定できる無料サービスまとめ
音楽に合わせて要素を動かすことができる「Rythm.js」
30秒以内に理解できるCSSスニペットのコレクション「30 Seconds of CSS」
メニューのホバーエフェクト集「Inspiration for Menu Hover Effects」
サイトで使用していないCSSセレクタを調べられる「Unused CSS」
グラデーションのアニメーションを実装できる「Granim.js」
