animate rotate page
1 2 3 4 5 6 7 8 9 10 11 12 | <html> <head> <title>Test rotate page</title> </head> <body style="background-color: grey"> <h1>Rotate a page with CSS</h1> <p> This is a test. </p> </body> </html> |
1 2 3 4 5 6 7 8 9 10 | body { background-color: red; animation: foo 10s infinite; } @keyframes foo { 0% { transform: rotate(0deg); } 33% { transform: rotate(-10deg); } 66% { transform: rotate(10deg); } 100% { transform: rotate(0deg); } } |
