Как создать параллакс эффект?

Всем привет!
Имеется подобная анимация раскрытия и сворачивания блоков:
interaction.gif
Это реализуется добовлением классов со свойством css keyframes animation или через js делать анимацию?
  • Вопрос задан
  • 1158 просмотров
Решения вопроса 1
anatoly_kulikov
@anatoly_kulikov
Wordpress-разработчик
Здесь понадобится и то, и другое. Очень сложный пример, полностью соглашусь.

Тут наверное сделать без vue/react/angular будет достаточно больно.

Хотя данный эффект не оригинален - просмотрите, возможно что-то подобное реализовано и есть какая-то библиотека. Есть сайт unheap, посмотрите там.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
profesor08
@profesor08 Куратор тега CSS
Что-то я не увидел каких-то чрезвычайных сложностей. Самое сложное тут это откалибровать darg&drop, все. Остальное простые транзиции, ничего сложного. Не надо смотреть на вау-эффект разинув рот, смотри на то, что происходит с блоками. Обыкновенное изменение состояния добавлением классов.
Ответ написан
ZakkMalin
@ZakkMalin
Designer
Как реализовать это?
Всем привет!
Имеется подобная анимация раскрытия и сворачивания блоков:
interaction.gif
Это реализуется добовлением классов со свойством css keyframes animation или через js делать анимацию?

Гуглите по словам как сделать Parallax effect, это называется паралакс, вы сразу найдёте
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
от 60 000 до 90 000 руб.
UMA.TECH Москва
от 150 000 до 215 000 руб.
от 30 000 до 65 000 руб.
16 июл. 2019, в 23:23
5000 руб./за проект
16 июл. 2019, в 22:43
10000 руб./за проект