CSS Snippets
子要素の数が特定の数の間である場合にスタイルを適応させる
フローチャート式のサイトマップ
SVGとanimationで滑らかな動きの波っぽいやつ
blockquoteのcite属性を使って引用元をユーザーに明示する
チェックボックスにチェックが入ると入力できるようになるinput要素をCSSだけで作る
外部サイトのリンクにだけ特定のアイコンを付与する
IE11やEdgeにも対応できる、CSSだけで3行目でテキストの文末を「…」で省略する
SVGテキストとCSSブレンドモードとの組み合わせ
CSSだけで作られたストップウォッチ
hrの使いやすそうなスタイリングいろいろ
Font Awesomeのアイコンをアニメーションするグラデーションカラーで表示する
CSSのみでアコーディオン・2パターン
リストにCSSカウンターで数字を表示して全体的にグラデーションカラーにする
自動ナンバリングできるCSSカウンターを同ページ内で複数使うサンプル
filterプロパティで、どんな背景画像でもテキストが読める状態にする
CSSだけでチェックボックスにチェックしたらテキストに打ち消し線してチェックした数も表示する
CSSだけでシンプルなLight/Darkモード
CSSでフォルダツリーを作る
CSSだけでスマホ等ではアコーディオンになるレスポンシブな疑似テーブル
CSSだけで簡易的なリストのソート