Задать вопрос
@anton_trofimov95
javascript

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

Подскажите пожалуйста, как сделать такие летающие сердечки, как тут?
Я так понимаю, что есть бесконечный цикл, где снизу страницы берутся N-сердечков и по keyframes анимации движутся наверх и потом по новой. Или я что-то путаю? Кто что думает?
  • Вопрос задан
  • 998 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 2
lazalu68
@lazalu68
Salmon
Элемент #leafContainer, реализация в кеше autoptimize, начиная с 2769 строки. Все достаточно просто и читаемо.
Ответ написан
6 комментариев
6 комментариев
@historydev Куратор тега JavaScript
Острая аллергия на анимешников
Css
#your_heart {
  animation: 15s linear 0s infinite alternate flyhearts;
}

@keyframes flyhearts {
  from {margin-top: 100%;}
  to {margin-top: 0%;}
}


Думаю как поворачивать в полёте сам разберёшься.(transform) гугл в помощь.
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сбор базы творческий коллективов
25 апр. 2024, в 16:03
5000 руб./за проект
Laravel для игрового сайта
25 апр. 2024, в 16:02
40000 руб./за проект
Увеличить трафик доски объявлений
25 апр. 2024, в 15:58
5000 руб./за проект
Ещё заказы