Как сделать такие летающие сердечки?

Question

[anton_trofimov95]

Подскажите пожалуйста, как сделать такие летающие сердечки, как тут?
Я так понимаю, что есть бесконечный цикл, где снизу страницы берутся N-сердечков и по keyframes анимации движутся наверх и потом по новой. Или я что-то путаю? Кто что думает?

Answer 1

[Kovalsky]

Элемент #leafContainer, реализация в кеше autoptimize, начиная с 2769 строки. Все достаточно просто и читаемо.

Comments

[anton_trofimov95]

Спасибо

[anton_trofimov95]

Если честно - попробовал у себя сделать - не получилось кодпен

[Kovalsky]

anton_trofimov95, средствами редактора сделай код покрасивше, смотри ошибки в консоли, выясняй причину, устраняй причину, повторяй этот цикл заново.

[anton_trofimov95]

Никита Полевой, да делал, код преобразовал, ошибок в консоле нет. Думал путь к изображениям в скрипте не тот - менял, но не помогло

[Kovalsky]

anton_trofimov95, тьфу, я глянул в консоль, увидел ошибки и сразу подумал что это ваши, а это фидловые. Секунду

[Kovalsky]

anton_trofimov95, алло, вы чего. Такая хорошая работа, так чисто выполнен рип, и такие неожиданные любительские тупняки. Во-первых, leaf-container должен быть изначально пустой. Во-вторых, в элементе же указано - "animation-name: fade". Значит CSS с keyframes тоже надо перенести