2011-07-05 52 views
1

所以继承人的动画谷歌加上与css3或jQuery的照片动画?

enter image description here

enter image description here

和这一个

enter image description here

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

just just CSS3?任何例子?使用Chrome

感谢

亚当·拉马丹

+3

考虑将一个评论对SO这将有助于对改善这个问题,会得到他的回答过的问题,进而downvoting任何问题时。 – Devjosh

回答

4

要回答你的问题:

  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。

2

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

但是,没有jQuery的后备,因为页面不使用jQuery;但Google可能会有不同的JavaScript回退。