2012 . 12 . 13
クリスマスの物語をCSSアニメーションで見せるインタラクティブな絵本
Web開発者向けの情報サイトSitePointがクリスマス企画として公開している『The Story of Christmas (in CSS)』はCSSを使ったアニメーションで見せるインタラクティブな絵本。
右にスライドさせながらクリスマスまでの物語を楽しく見ていくことができます。
これらのアニメーション効果にはFlashやJavaScriptを使わず、下のような一連のフレーム画像をCSSで切り替えながら動かしているのが面白いところで、Flashアニメなどとは次元の違ったいかにも絵本っぽい素朴な趣のあるテイストが再現されていると思います。
なお、現在公開されている部分は15日までの部分で、どうやら24日まで順次公開されていくもようです。
The Story of Christmas (in CSS)
