@sabanovvv

Круговое появление картинок?

Как сделать такое же появление значок с текстом как на этом сайте mpk.esy.es/uslugi только при прокручивании сайта вниз?
через js или css это делается?
jsfiddle.net/unior27/vLufx1ut
  • Вопрос задан
  • 612 просмотров
Пригласить эксперта
Ответы на вопрос 5
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Как уже сказал Максим Тимофеев, анимация строится через CSS (для старья можно писать небольшой полифилл с вычислением координат при круговом движении). Для запуска анимации достаточно управлять классом.
Пример (для переключения достаточно покликать на документе)
Ответ написан
Комментировать
@holymotion
Ну так как подвязан скролл вниз, то без js не обойтись, как по мне. Саму анимацию можно в принципе и в css запилить
Ответ написан
Комментировать
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Событие прокрутки ловится с помощью jquery, а анимация может быть реализована и в css (с помощью ключевых кадров) и в jquery.
Но помни путник. Что главное это юзабилити, а красивости и анимашки радуют только первый раз, а потом начинают бесить. Так что така чепуха оправдана только на лэндингах.
Ответ написан
Комментировать
Lumore
@Lumore
Front-end developer
Ответ написан
Комментировать
SKolt
@SKolt
https://www.instagram.com/seregamih/
Сама анимация начинает срабатывать при прокрутке при помощи js. А реализована она на CSS3. Вот, посмотри парочку видео по анимации, поймешь, как такое реализовать своими силами:

Анимация с keyframes: https://youtu.be/WMu4HhAtrZI
Как использовать тот же wow.js: https://youtu.be/7gMYtFGjg3s
Здесь в конце видео есть инфа, как сделать простенький скрипт, который будет срабатывать именно при прокрутке:
https://youtu.be/oLCgXG7E8zY
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы