Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты
Категории Все вопросы проекта Компьютеры, Интернет Темы для взрослых Авто, Мото Красота и Здоровье Товары и Услуги Бизнес, Финансы Наука, Техника, Языки Философия, Непознанное Города и Страны Образование Фотография, Видеосъемка Гороскопы, Магия, Гадания Общество, Политика, СМИ Юридическая консультация Досуг, Развлечения Путешествия, Туризм Юмор Еда, Кулинария Работа, Карьера О проектах Mail Животные, Растения Семья, Дом, Дети Другое Знакомства, Любовь, Отношения Спорт Золотой фонд Искусство и Культура Стиль, Мода, Звезды Полный список Спросить Лидеры
Поиск по вопросам

Как сделать JS-анимацию как на этом сайте?

Союз Здравых Сил Профи (517), на голосовании 5 месяцев назад
Сайт: https://polarads.com
Меня интересует эффект "падения" картинок и переключения слайдов

Я посмотрел какие JS-библиотеки там используются - Scrollax.js и Delighter.js, какие-то мало-известные. Но я так и не смог понять, какая библиотека там отвечает за какой эффект.
Буду рад, если подскажете что каждая конкретно делают этом сайте, и можно ли их обе заменить на Gsap?

*По началу анимация мне показалась довольно сложной, но я думаю можно сделать такую же, используя только GSAP и Swiper-Slider, как думаете?
Голосование за лучший ответ
Vladimir Мастер (1081) 6 месяцев назад
Чем-то напоминает 3D эффект Parallax. Вот пример ролика создания такого эффекта:
https://www.youtube.com/watch?v=2tAPxjcGLms
Союз Здравых СилПрофи (517) 6 месяцев назад
Да, я делал похожий сайт) но оттуда можно взять только движение элементов вместе с мышью. А так видос по другой теме, про 3D-перспективу)

А на этом сайте что я прикрепил интересно как сделать такое плавное появление картинок в layout-e и переключение слайдов
Похожие вопросы