Ты наверняка смотрел фильмы Star Wars. Помнишь, в начале каждого фильма идут титры с предысторией?
Сейчас попробуем сделать такую анимацию для первого эпизода.
Первым делом подготовим разметку нашей страницы.
Внутри body добавим div с классом star-wars, внутри него - один div с классом episode-intro.
Первым элементом div.episode-intro должен стать div.header с двумя дочерними заголовками h2 и h1 - именно в таком порядке.
Текст заголовка h1 - THE PHANTOM MENACE, h2 - Episode I.
После div.header должно быть три параграфа.
Текст первого параграфа - Turmoil has engulfed the Galactic Republic. The taxation of trade routes to outlying star systems is in dispute.
Текст второго параграфа - Hoping to resolve the matter with a blockade of deadly battleships, the greedy Trade Federation has stopped all shipping to the small planet of Naboo.
Текст третьего параграфа - While the Congress of the Republic endlessly debates this alarming chain of events, the Supreme Chancellor has secretly dispatched two Jedi Knights, the guardians of peace and justice in the galaxy, to settle the conflict. ...

Эта задача — часть курса по Full-Stack JavaScript .
Ты можешь задать свой вопрос в комментариях под постом.
Если ты уже решил задачу, то не стесняйся помочь другим.

Начни Учить Full-Stack JavaScript СЕЙЧАС!

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Star wars: Episode I</title>
  </head>
  <body></body>
</html>