スクリプトなし :target でアニメーションをスタートさせる

スクリプトなしでアニメーションをスタートさせるトリガーに、:hover や :checked はよく使っています。

たとえば、公開中のはてなブログのテーマでは、:checked を使ってモバイルのハンバーガーメニューのトリガーにしています。

とことこ with Menubar – テーマ ストア

で、まだ公開していないテーマ「Hyperspace」でも、モバイル用に何らかのトリガーが必要なのですが、:checked ではうまくいきませんので、:target を使うことにしました。

こんな感じになります。