| <!-- | |
| Copyright 2020 The Chromium Authors | |
| Use of this source code is governed by a BSD-style license that can be | |
| found in the LICENSE file. | |
| --> | |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style type="text/css"> | |
| @keyframes rotate { | |
| 0% { transform: rotateY(-90deg); } | |
| 100% { | |
| transform: rotateY(-270deg) rotateX(90deg); | |
| background: #0FF; | |
| } | |
| } | |
| div { | |
| animation: rotate ease-in-out infinite 2s; | |
| width: 200px; | |
| height: 100px; | |
| background: #00F; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div></div> | |
| </body> | |
| </html> |