WOW.js - JavaScript/CSS3でスクロール連動型アニメーション MOONGIFT

テクノロジーカテゴリーの変更を依頼記事元:

www.moongift.jp

64 usersがブックマークコメント

記事へのコメント9件

注目コメント
新着コメント

a_kimura 流行ってるからね。覚えとこ。

2014/02/11 リンク

atsushi1972 WOW.js - JavaScript/CSS3でスクロール連動型アニメーション最近Webサイトでアニメーションしながら表示される所が増えています。かといってかつてあったFlashのようにスプラッシュ的なものではなく、表示構成要素がさりげなく

2014/02/10 リンク

halohalolin スクロールに合わせて、さりげないアニメーションでオブジェクトを表示する。商品紹介ページに使えそう。

javascript

2014/02/08 リンク

kazuyadesse ( ´ ▽ ` )ﾉ

2014/02/08 リンク

thujikun もう一ヶ月早く知ってれば試してたんだけどな。

2014/02/08 リンク

poppun1940 最近Webサイトでアニメーションしながら表示される所が増えています。かといってかつてあったFlashのようにスプラッシュ的なものではなく、表示構成要素がさりげなくアニメーションしながら配置されていくといった感じ

Evernote

2014/02/07 リンク

kooosuke WOW.js - JavaScript/CSS3でスクロール連動型アニメーション|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ http://t.co/8cmUHlw1st

2014/02/07 リンク

minonet WOW.js - JavaScript/CSS3でスクロール連動型アニメーション最近Webサイトでアニメーションしながら表示される所が増えています。かといってかつてあったFlashのようにスプラッシュ的なものではなく、表示...

2014/02/07 リンク

Naotake link間違えて兄自負になってるとこあるね

2014/02/07 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fwww.moongift.jp%2F2014%2F02%2Fwow-js-javascriptcss3%25E3%2581%25A7%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AD%25E3%2583%25BC%25E3%2583%25AB%25E9%2580%25A3%25E5%258B%2595%25E5%259E%258B%25E3%2582%25A2%25E3%2583%258B%25E3%2583%25A1%25E3%2583%25BC%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%25B3%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://www.moongift.jp/2014/02/wow-js-javascriptcss3%E3%81%A7%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E9%80%A3%E5%8B%95%E5%9E%8B%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3/">WOW.js - JavaScript/CSS3でスクロール連動型アニメーション MOONGIFT</a><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2014/02/wow-js-javascriptcss3%E3%81%A7%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%E9%80%A3%E5%8B%95%E5%9E%8B%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3/">はてなブックマーク - WOW.js - JavaScript/CSS3でスクロール連動型アニメーション MOONGIFT</a></div></iframe>

プレビュー

規約違反を報告

WOW.js - JavaScript/CSS3でスクロール連動型アニメーション MOONGIFT

最近Webサイトでアニメーションしながら表示される所が増えています。かといってかつてあったFlashのよ... 最近Webサイトでアニメーションしながら表示される所が増えています。かといってかつてあったFlashのようにスプラッシュ的なものではなく、表示構成要素がさりげなくアニメーションしながら配置されていくといった感じです。それはCSS3のアニメーションで作られているのですが、スクロールと組み合わせて容易に実現してくれるのがWOW.jsです。何はともあれ動画を見てもらうのが良いと思います。犬や猫のアイコンがアニメーションしながら表示されていきます。スクロールの感知はJavaScriptで行っていますが、実際のアニメーションはCSSアニメーションによるものです。実用的にどうなの、と思ったのですが以下のサイト（利用例）を見るとかなりいけてることが分かります。さりげないアニメーションで表示されます。 1640 iOS7 Icons for designers & Developers | St