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> 29
