フォーム回り
チェックボックスにチェックが入ると入力できるようになるinput要素をCSSだけで作る
CSSだけでチェックボックスにチェックしたらテキストに打ち消し線してチェックした数も表示する
SVGでアニメーションしながら形状が遷移する検索フォーム
CSSでinputに入力したらlabelのスタイルが変更されるようにする
アニメーションエフェクト付きのtoggleボタン
任意のテキストでチェックボックス
CSSだけでcheckboxのチェック数をカウントする
サーチアイコンをクリックすると検索窓がスライド表示する
フォーカスするとlabelが上部に移動しながらテキストが縮小する
アニメーションエフェクト付きのチェックボックス
アニメーションで移動するスライダー式のradioボタン
inputにフォーカスしたらハイライトする
フォームの要素に入力したらlabelが浮かび上がり、表示される
labelで何の入力項目かをわかりやすく明示したフォーム