
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だけで簡易的なリストのソート
