jQuery+css3でスクロールすると要素をアニメーションで表示するやつ | CriativeTips画面を下にスクロールしたら画像やらテキストやら等の要素を、ふわっっとアニメーションして表示されるやつのコードを書いてみました。 こういったエフェクトを使用しているページは、キャンペーンサイトとか、商品のランディングページとかによく使われていますね。 実装は比較的簡単なので、結構使いやすいですし、アニメーションの動作にはcss3のanimationを使っているので、自由度も高いです。 ちょっとしたページのアクセントの有無で、ユーザーのアクション・購買意欲に影響が出てくるので効果的に使っていきたいところですね。 サンプル サンプルコード このサンプルではjQueryのバージョン1.11.0を使っています。 HTML <div id="contents_box"> <p>Let's scroll down</p> <h1 class="item_1">scroll_effect</h1> <di
