Как сделать такой же pre-loader?

Question

[briggs263]

Как сделать такой же pre-loader как на сайте https://antoni.de/ ? Буду очень благодарен если напишите примеры таких загрузок с кодом. Заранее спасибо

Answer 1

[Somewhere Intech]

Делается просто - css transition с delay, в скрипте JS, после загрузки контента, на loader вешается класс loaded например, после чего и стартует анимация, там их 3 всего. Например:
первая анимация длится 1 секунду, вторая длится 1 секунду с delay 1s, 3 - 1 секунду с delay -2s
Делать не долго, но вопрос уже коммерческий (примеров нет к сожалению под рукой)