Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Sector567
@Sector567
JavaScript
HTML
CSS
Вёрстка
Анимация
Как делается такая анимация?
Здравствуйте!
Есть сайт
https://www.lition.io/
Пролистав ниже до секции с пирамидой, вы увидите с виду довольно сложную с анимацию. Так вот, как делается такая анимация и сколько примерно на нее можно потратить времени?
Вопрос задан
более трёх лет назад
521 просмотр
Комментировать
Подписаться
2
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
MamaLuyba
@MamaLuyba
не сложная. просто через animation-delay отрисовывается с паузой.
времени - ну тут от опыта зависит. часа хватит с запасом.
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
iBird Rose
@iiiBird
Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
что там сложного то? там просто картинка и блоки. использованы 2 плагина:
https://daneden.github.io/animate.css/
https://wowjs.uk/
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
минуту назад
1 просмотр
0
ответов
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
2 часа назад
55 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
17 часов назад
54 просмотра
1
ответ
Вёрстка
Простой
Проблема с версткой сайта?
нет подписчиков
19 часов назад
295 просмотров
0
ответов
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
19 часов назад
56 просмотров
2
ответа
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
вчера
62 просмотра
1
ответ
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
вчера
143 просмотра
0
ответов
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
вчера
152 просмотра
0
ответов
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
159 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сделать картинку для отображения в почтовых клиентах?
1 подписчик
14 авг.
154 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама