- 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
You’ve gone to a different page
Goalscompleted
0
- Create an animation called
rotate
with one keyframe50%
containing a rotation transformationtransform: rotate(360deg)
. - Assign the
animation-name: rotate
andanimation-duration: 3s
properties to the.stone-wheel
block.
Comments