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

Как сделать такую анимацию?

Анимация начинается при прокрутки (к примеру, как WOW.js)
1. Появляется картинка (она целая, хоть и не сплошная) fadeIn.
2. Потом появляется кружек бублик fadeIn.
3. Потом горизонтальная линия (из бублика анимируется ширина линии)
4. Потом вертик линия (высота увеличивается до до желтой точки)
5. Потом появляется точка fadeIn.
6. Потом текст fadeIn.
7. Потом все остальное, аналогично выше сказанному, по часовой стрелке.
8.Потом название картинки fadeIn.
42e1e36d76b64cf4a07b8fd35920216d.png
  • Вопрос задан
  • 389 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
space2pacman
@space2pacman Куратор тега CSS
Просто царь.
www.jssor.com очень хороший инструмент для подобного.
Ответ написан
Комментировать
Комментировать
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Пошагово, как расписали, так и делайте. В целом задача не простая, но если брать каждый отдельный пункт, то все просто. С чем конкретно у Вас проблема?
Как сделать fadeIn? Как менять opacity через js? Что конкретно вызывает сложность?
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Скрыть / убрать лишние поля в форме заказа
19 апр. 2024, в 07:30
1500 руб./в час
Взлом автомобильной программы
19 апр. 2024, в 05:01
999999 руб./за проект
Доработать телеграм бота
19 апр. 2024, в 03:52
1000 руб./за проект
Ещё заказы