2

プロジェクトを再検索しているときに、Lacoste の Web ページhttp://www.lacoste.com/live/usa/homeに出会いました。

このページのデザインで私が最も興味をそそられたのは、ホバーすると 360 度のアニメーション GIF のように見える外観の表示でしたが、詳しく調べてみると、それらは実際にはすべての角度からのビューを持つ非常に広い JPEG であることがわかりました。どういうわけか左右に動かして、アニメーションの動きの印象を作成します。

これはどのように達成されますか?それを行うのはある種のJavaScriptだと思いますが、これの基本が何であるかをコードの小さな例で誰かが説明してくれるとありがたいです.

どうもありがとうございました!

4

2 に答える 2

3

固定サイズのdiv、background-image、および背景位置の変更で作成しました。
こちらで確認してください:http: //jsfiddle.net/LLAlive/NX2FG/

于 2012-08-09T11:26:12.543 に答える
2

検索する必要のあるキーワードはですcss sprites。ここに適切な説明があります:http://css-tricks.com/css-sprites/

于 2012-08-09T10:38:23.940 に答える