http://www.hp-stylelink.com/news/2013/10/20131001.php
HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | DevelopersIO
そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け（※自分含む）のサンプルをいくつか紹介していきたいと思います。 はじめに - パララックスエフェクトについて パララックス（parallax）を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript（jQuery）でパララックスエフェクト 1 | スクロール値を取得 どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu
videoタグを高画質gifアニメみたいに使う - MEMOGRAPHIX
最近止まってる写真見るの物足りなくなってきたので、動画も撮ってる。 撮った動画は gif アニメにしていて、 gif アニメ、あらゆるデバイスで見れるのと、再生ボタンとかなくて強制的にループ再生できるっていうので最強の動画フォーマットだと思ってたけど、そういえば HTML5 に video タグっていうのがあったなって思い出して、調べたらループも自動再生もできるから gif の代わりに使えそうだと思った。 こういうタグで動画読み込める。 <video src="~~~" width=900 height=auto loop autoplay /> するとこういう感じで高画質 gif アニメみたいなの出せる。 見れないブラウザもあるかもしれない。 chrome では見れた。
HTML5の可能性を体験できる、すごいサイトのまとめ
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net