- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Hello, animation!</title>
<meta charset="utf-8">
<link rel="stylesheet" href="epoch1.css">
<link rel="stylesheet" href="style.css">
</head>
<body class="ancient">
<div class="stone">
<div class="wood-wheel"></div>
</div>
</body>
</html>
CSS
/*
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
*/
/*
.wood-wheel {
animation-name: rotate;
animation-duration: 2s;
}
*/
Goalscompleted
Uncomment in CSS:
- description of the keyframes of the
@keyframes rotate
animation; - rule for the
.wood-wheel
class.