javascript - 谷歌加照片动画与css3或jquery？

Question

所以这是动画

进入

和这个

他们怎么能这样做？1. 重新调整动画大小 2. 堆叠和动画。

只是 CSS3 吗？有什么例子吗？

谢谢

亚当斋月

Answer 1

要回答您的问题：

1. 要调整大小并使图像具有动画效果（放大效果），您应该使用以下内容：

   ul#pics li:hover {
       -moz-transform: scale(1.1) rotate(0deg);
       -webkit-transform: scale(1.1) rotate(0deg);
       -o-transform: scale(1.1) rotate(0deg);
       -ms-transform: scale(1.1) rotate(0deg);
       transform: scale(1.1) rotate(0deg);
   }
   

2. 对于堆栈和动画，您应该使用 CSS3 和 jQuery。

Answer 2

在我使用 Chrome 的机器上，我看到一个 CSS3 -webkit-transform。由于这是transform他们唯一使用的，它必须检测到我的浏览器是 webkit 并选择正确的转换方式。他们可能对其他浏览器有各种其他技术。

但是，没有 jQuery 后备，因为页面不使用 jQuery；不过，Google 可能开发了不同的 JavaScript 后备。

Answer 3

这是你要找的东西吗？