content/test/data/rwhv_compositing_animation.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <meta charset="utf-8">
   5 <title>GPU Feature Testing: Accelerated Compositing</title>
   6 <style>
   7 body {
   8   -webkit-transform: translateZ(0);
   9 }
  10
  11 @-webkit-keyframes spin {
  12   from { -webkit-transform: rotateY(0deg);    }
  13   to   { -webkit-transform: rotateY(-360deg); }
  14 }
  15
  16 #spin {
  17   -webkit-animation-name: spin;
  18   -webkit-animation-timing-function: linear;
  19   -webkit-animation-iteration-count: infinite;
  20   -webkit-animation-duration: 6s;
  21   -webkit-transform-style: preserve-3d;
  22 }
  23 </style>
  24 </head>
  25 <body>
  26 <div id="spin">Chrome Rocks</div>
  27 </body>
  28 </html>