Complex animation, step 1 — Animations

index.html
style.css

HTML

<!DOCTYPE html> <html lang="en"> <head> <title>Complex animation, step 1</title> <meta charset="utf-8"> <link rel="stylesheet" href="epoch1.css"> <link rel="stylesheet" href="style.css"> </head> <body class="ancient"> <div class="lift-bottom"> <span class="stone-wheel"></span> </div> </body> </html>

CSS

Goalscompleted

Create an animation called rotate with one keyframe 50% containing a rotation transformation transform: rotate(360deg).
Assign the animation-name: rotate and animation-duration: 3s properties to the .stone-wheel block.