雪や花びらが落下するアニメーションの実装方法を調べてみた
雪や花びらなどの要素がふわふわと漂ったり落下したりする動きを見かけることがありますが、どのように実装しているのかをいくつかのサイトで調べてみました。 プラグイン プラグインを使って実装しているサイトです。 snowfall.js snowfall.jquery.jsというプラグインを使って実装しているサイトが多かったです。 三者三葉 あんハピ♪ エンドライド 櫻子さんの足下には死体が埋まっている ノラと皇女と野良猫ハート 戦国恋姫Ｘ 聖騎士Melty☆Lovers 下記2サイトはsnowfall.jsで要素を移動させながら、CSSのkeyframesでrotate(回転)のアニメーションをさせていました。 Caligula-カリギュラ- 冴えない彼女の育てかた particles.js particles.jsはcanvasで幾何学状のアニメーションを実装できるプラグインで、下記サイトの下
jquery.bxslider.jsの使い方やオプションなどのまとめ
スライダーを簡単に実装できるjQueryのプラグイン「jquery.bxslider.js」の使い方をメモ。 下記からダウンロードできます。 jQuery Content Slider | Responsive jQuery Slider | bxSlider ダウンロード後、必要なファイルを読み込みます。 <link rel="stylesheet" href="jquery.bxslider.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jquery.bxslider.min.js"></script> 使用するオプションによっては、下記ファイルの読み込みも必要になります。 jQuery本体とjquery.bxsl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
