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

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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2