How does google do the barrel roll?

后端未结

关注

 8  1704

If you Google, \'do a barrel roll\', the whole page does a 360 rotation. Does anyone have any guesses as to how Google is doing this? I disabled javascript, and it still occurre

相关标签:

8条回答

你的背包

2021-01-31 03:13

It uses custom CSS animations. See the CSS rules applied to the <body> here:

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

0 讨论(0)

感情败类

2021-01-31 03:13

This guy will do the trick on any webpage:

@-moz-keyframes roll {
    from { -moz-transform: rotate(0deg) }
    to   { -moz-transform: rotate(360deg) }
}
body {
    -moz-animation-name: roll;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: 1;
   }

Remember that this is for firefox.

0 讨论(0)

上一页 1 2