ITエンジニア/デザイナ向けにオープンソースを毎日紹介

CSS3が計算処理やアニメーション処理をサポートしたことによって、CSS3を駆使した作品が増えています。こんなことまでCSSでできるのかと驚かされるものも多いです。そんな作品を作ってみたいと思う方もいるのではないでしょうか。

そんな方にぜひチェックして欲しいのが夜空ノ贈リ物です。CSS3を駆使して作られた作品であり、CSSアニメーションを学べる仕組みになっています。

夜空ノ贈リ物の使い方

アニメーションGIFのため、ちょっとカクカクしていますが実際にはもっとスムーズです。

これがほとんどJavaScriptを使わずに作られているのに驚きです。

夜空ノ贈リ物は元々技術書典5のごった煮技術書のオマケとしてついていたWeb本とのことです。つまり有償だったのですが、作者の誕生日を記念して無償化されたとのことです。各所にYouTube動画などが埋め込まれ、CSSアニメーションの作り方を基礎から学べるようになっています。ぜひご覧ください。

夜空ノ贈リ物はCSS製のオープンソース・ソフトウェア(MIT License)です。

夜空ノ贈リ物

yui540/YozoraNoOkurimono: 『ようこそ----臆病な魔女教団へ。』

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2