HTML CSS examples for CSS Animation:Rotate
CSS3 rotate3d animation repeating
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> div<!--from www.j av a 2 s . c o m--> { width: 100px; height: 100px; margin: 50px 0 0 50px; background: maroon; animation: spinner 1s infinite linear; perspective: 500px; transform-style: preserve-3d; } @keyframes spinner { 0%{ transform: rotate3d(1, 1, 1, 0deg); } 100% { transform: rotate3d(1, 1, 1, 360deg); } } </style> </head> <body> <div></div> </body> </html>