このサイトについて

lab-cssは「JavaScriptゼロ縛りのCSS単体アート集」です。各作品はHTMLとCSSのみで動くアニメーション・アート作品であり、同時に@propertyや:has()、コンテナクエリ、スクロール駆動アニメーションといったモダンCSS機能のリファレンス実装を兼ねています。

• 作品ごとに使用CSS機能のバッジとブラウザ対応状況を明示し、鑑賞と学習を両立させる
• コード全文をシンタックスハイライト付きで表示し、コピーしてすぐ試せる
• 寄せ集めではなく、統一されたダークギャラリーの世界観でキュレーションする

縛りの詳しい定義は縛りルールを参照してください。

本サイトはプランタンラボの実験プロジェクトのひとつです。