Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Sector567
@Sector567
JavaScript
HTML
CSS
Вёрстка
Анимация
Как делается такая анимация?
Здравствуйте!
Есть сайт
https://www.lition.io/
Пролистав ниже до секции с пирамидой, вы увидите с виду довольно сложную с анимацию. Так вот, как делается такая анимация и сколько примерно на нее можно потратить времени?
Вопрос задан
более трёх лет назад
522 просмотра
Комментировать
Подписаться
2
Простой
Комментировать
Facebook
Вконтакте
Twitter
Помогут разобраться в теме
Все курсы
Нетология
Fullstack-разработчик на Python + нейросети
20 месяцев
Далее
Skillfactory
Профессия Веб-разработчик
12 месяцев
Далее
Академия Eduson
Fullstack-разработчик на JavaScript
11 месяцев
Далее
Решения вопроса
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Смещение группы в fabric.js?
1 подписчик
вчера
76 просмотров
0
ответов
CSS
Средний
Как найти стили в шаблоне Битрикс?
1 подписчик
вчера
111 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Как сделать горизонтальный скролл стрелками?
1 подписчик
05 нояб.
119 просмотров
0
ответов
PHP
+2 ещё
Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
1 подписчик
03 нояб.
138 просмотров
0
ответов
CSS
Простой
Как выстроить 4 блока, чтобы расстояния были одинаковые на флексах?
1 подписчик
31 окт.
119 просмотров
2
ответа
CSS
Простой
Как правильно задать размеры блоков?
1 подписчик
31 окт.
91 просмотр
1
ответ
HTML
Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
1 подписчик
29 окт.
166 просмотров
0
ответов
HTML
+1 ещё
Простой
Как создать карточки в рядах со смещением?
1 подписчик
28 окт.
112 просмотров
1
ответ
JavaScript
Простой
Как создать рисунок из PHP в Fabric.js?
2 подписчика
28 окт.
143 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Какой скрипт загружает меню в Ютуб?
2 подписчика
27 окт.
253 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 200 000 до 300 000 ₽
Web-разработчик/WordPress программист (Full-stack)
JustBusiness
•
Санкт-Петербург
от 130 000 до 150 000 ₽
React разработчик
ITK academy
•
Нижний Новгород
от 50 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама