夜空ノ贈リ物 - CSS3を駆使して作られたアニメーション教本
CSS3が計算処理やアニメーション処理をサポートしたことによって、CSS3を駆使した作品が増えています。こんなことまでCSSでできるのかと驚かされるものも多いです。そんな作品を作ってみたいと思う方もいるのではないでしょうか。 そんな方にぜひチェックして欲しいのが夜空ノ贈リ物です。CSS3を駆使して作られた作品であり、CSSアニメーションを学べる仕組みになっています。
夜空ノ贈リ物の使い方
アニメーションGIFのため、ちょっとカクカクしていますが実際にはもっとスムーズです。
これがほとんどJavaScriptを使わずに作られているのに驚きです。
夜空ノ贈リ物は元々技術書典5のごった煮技術書のオマケとしてついていたWeb本とのことです。つまり有償だったのですが、作者の誕生日を記念して無償化されたとのことです。各所にYouTube動画などが埋め込まれ、CSSアニメーションの作り方を基礎から学べるようになっています。ぜひご覧ください。
夜空ノ贈リ物はCSS製のオープンソース・ソフトウェア(MIT License)です。