3

我正在尝试创建一种类似于我在网站上看到的效果。我所说的效果是“查看详细信息”按钮。

这是链接: http: //www.legworkstudio.com/

有人可以告诉我这是如何完成的,或者这是 JavaScript 或 jQuery 的一些插件吗?

4

1 回答 1

2

它可以为一系列背景制作动画。

https://legsite-production.s3.amazonaws.com/assets/desktop/sequences/detail-open/detail-open-00-aae01190cedcd36764097f5ff4765c27.png   
https://legsite-production.s3.amazonaws.com/assets/desktop/sequences/detail-open/detail-open-06-c56f3ce86232e1ca38660cf108a0f2e0.png   
etc

我用 jQuery 编写了一个解决方案:JSFiddle

您不能使用带有 CSS 的解决方案,因为如果不在 Google Chrome 中,keyframes它们不支持。background-image您应该使用精灵,但是很难让它响应。

这是@keyframes http://jsfiddle.net/DNXJX/的示例(仅限 Chrome)

于 2013-09-03T12:40:05.853 回答