Rocket to the launch pad, step 1 — Animations

index.html
style.css

HTML

<!DOCTYPE html> <html lang="en"> <head> <title>Rocket to the launch pad, step 1</title> <meta charset="utf-8"> <link rel="stylesheet" href="epoch5.css"> <link rel="stylesheet" href="style.css"> </head> <body class="cosmic"> <div class="earth"> <div class="rocket departure"> <span class="fuel"></span> </div> </div> </body> </html>

CSS

Goalscompleted

Create an animation fire, containing a frame to with an opacity: 1 property,
then assign this animation to the fuel .fuel with a duration of 1s and have it keep the post-animation state.