【JSは使わない】HTMLとCSSのみで動く変身ベルトを作る【画像も使わない】 - Qiita

成果物 こちらです。 (クリックすると風車が回って再度クリックすると止まります&音は鳴りません。) きっかけ 「最近css書いてないなぁ…ブラウザもIEがなくなって変数が使えるようになったり便利なの沢山増えたしリハビリに何か作ってみるかぁ…」と、いつもの衝動があってなんとなしに作った感じです。 簡単に言うとscssじゃなくpureなcssで変数を使ってみたいと思っちゃったのがきっかけです。 無駄なこだわり&捨てたもの cssのリハビリなので、以下の縛りプレーです。 sass(scss)じゃなくcssで書く jsは使わない 画像(SVG)を使わない icon的なfontも使わない もちろん画像をbase64化したものも使わない cssの変数を使う 変数以外でも今まで使ったことのないものを使ってみる ブラウザの互換性は無視 レスポンシブも考慮しない chromeでネスト使えるようになったけど今