2

在重新搜索一个项目时,我看到了 Lacoste 的网页http://www.lacoste.com/live/usa/home

这个页面的设计最让我感兴趣的是外观的显示,当它悬停时变成了看似 360 度的动画 GIF,但仔细观察后我意识到它们实际上是非常宽的 JPEGS,从各个角度看以某种方式左右移动以创造动画运动的印象。

这是如何实现的?我想是某种 JavaScript 可以做到这一点,但如果有人能用一个小代码示例解释它的基本原理是什么,我将不胜感激。

非常感谢你!

4

2 回答 2

3

使用固定大小的 div、背景图像和背景位置的变化来制作它。
在这里检查: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 回答