Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Игорь Самохин
@grigor007
http://goldapp.ru
JavaScript
CSS
Как сделали такой эффект зума на js?
Здравствуйте,
не могу разобраться, но очень интересно: как на сайте
canonsuperzoom.nat-geo.ru
сделали зум? Да еще с таким эффектом, что зум идет сквозь капли?
Вопрос задан
более трёх лет назад
2525 просмотров
1
комментарий
Подписаться
2
Оценить
1
комментарий
Facebook
Вконтакте
Twitter
Urukhayy
@Urukhayy
Врятли они одну картинку так зумируют, скорей всего во время "плавного" приблежения идёт незаметная подмена картинок..
Написано
более трёх лет назад
Решения вопроса
1
KorsaR-ZN
@KorsaR-ZN
Там через видео ролики сделано, и когда ролик полностью проигрывается, он скрывается и показывается последний кадр зума, как картинка.
Пример:
видео
и
последний кадр
Ответ написан
более трёх лет назад
1
комментарий
Нравится
2
1
комментарий
Facebook
Вконтакте
Twitter
Игорь Самохин
@grigor007
Автор вопроса
спасибо, и как я сразу не догадался
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
kid-programmer
@kid-programmer
Просто запускаю видео бэкграундом, вот ссылка
canonsuperzoom.nat-geo.ru/assets/data/videos/2-bac...
canonsuperzoom.nat-geo.ru/assets/data/videos/5-bac...
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
Игорь Самохин
@grigor007
Автор вопроса
вы правы
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Закрывать другие селекты при открытии одного?
1 подписчик
13 часов назад
50 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Возможно ли в реализации прямой ссылки для перехода в приложение из браузера?
1 подписчик
вчера
160 просмотров
2
ответа
JavaScript
Простой
Есть ли какой-нибудь заменитель pattern matching в Javascript/ECMAScript?
1 подписчик
вчера
136 просмотров
4
ответа
HTML
+1 ещё
Простой
Почему Pycharm не видит картинки?
1 подписчик
вчера
90 просмотров
2
ответа
JavaScript
+2 ещё
Средний
Как отключить запрос авторизации в браузере после переноса расширения на Manifest 3?
1 подписчик
09 апр.
58 просмотров
1
ответ
CSS
+1 ещё
Средний
Почему не работает yuicompressor В PHP Storm?
нет подписчиков
09 апр.
298 просмотров
1
ответ
CSS
Простой
Как коректно получить бордер? Чтобы не делать его svg?
1 подписчик
08 апр.
127 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как правильно расположить блоки через grid-area?
1 подписчик
08 апр.
114 просмотров
2
ответа
JavaScript
Средний
Помощь со скроллом и gsap?
2 подписчика
08 апр.
81 просмотр
0
ответов
JavaScript
+2 ещё
Простой
Как решить ошибку aria-hidden?
1 подписчик
07 апр.
106 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Middle javascript разработчик
Neat-Studio
от 100 000 до 120 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Fullstack JavaScript разработчик
Wanted.
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама