谷歌如何滚动？

Question

如果你是Google,"滚动滚动",整个页面会旋转360度.有没有人对Google如何做到这一点有任何猜测？我禁用了javascript,它仍然发生了,所以也许是css轮换？

Answer 1

如果你看一下css代码:

body {
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: 1;
    -moz-animation-name: roll;
}

Answer 2

如上所述,用CSS3动画和变换.

Wesbo展示了一种在任何网站上应用效果的方法.您可以在此处查看演示和说明.

@-webkit-keyframes roll {
from { -webkit-transform: rotate(0deg) }
to   { -webkit-transform: rotate(360deg) }
}

@-moz-keyframes roll {
from { -moz-transform: rotate(0deg) }
to   { -moz-transform: rotate(360deg) }
}

@keyframes roll {
from { transform: rotate(0deg) }
to   { transform: rotate(360deg) }
}

body {
-moz-animation-name: roll;
-moz-animation-duration: 4s;
-moz-animation-iteration-count: 1;
-webkit-animation-name: roll;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
}