Animation delay: animation-delay, step 1 — Animations

index.html
style.css

HTML

<!DOCTYPE html> <html lang="en"> <head> <title>Animation delay: animation-delay, step 1</title> <meta charset="utf-8"> <link rel="stylesheet" href="epoch2.css"> <link rel="stylesheet" href="style.css"> </head> <body class="mechanical"> <div class="alarm-clock"> <span class="bell"></span> <span class="arrow-small"></span> </div> </body> </html>

CSS

Goalscompleted

Create a rotate animation containing one to frame with a 360deg rotation transformation,
then assign this animation to the .arrow-small arrow for the duration of 1s.