Webサイトに雪を降らせるような効果をみせるライブラリは幾つか存在します。多くはJavaScriptを使ってごりごりと実装するのですが、あまりスマートなやり方とは言えません。 今回紹介するのはLet it snow、スタイルシートを活用した降雪効果を見せるライブラリです。

Let it snowの使い方

デモのWebサイトです。

しばらく経ったところ。DOMの上に雪が積もっているのが分かるでしょうか。

アニメーションです。ちょっとずつ積もっているのが分かります。

Let it snowをずっと放置し続けてもどんどん積もるわけではありません。雪は消えたりしています。また、ピュアなCSSアプローチとありますが、一部でJavaScriptも使われているようです。

Let it snowはCSS3製のオープンソース・ソフトウェア(MIT License)です。

Let it snow trevanhetzel/let-it-snow: A pure CSS approach to making it snow on your website