Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Игорь Самохин
@grigor007
http://goldapp.ru
JavaScript
CSS
Как сделали такой эффект зума на js?
Здравствуйте,
не могу разобраться, но очень интересно: как на сайте
canonsuperzoom.nat-geo.ru
сделали зум? Да еще с таким эффектом, что зум идет сквозь капли?
Вопрос задан
более трёх лет назад
2529 просмотров
1
комментарий
Подписаться
2
Оценить
1
комментарий
Facebook
Вконтакте
Twitter
Urukhayy
@Urukhayy
Врятли они одну картинку так зумируют, скорей всего во время "плавного" приблежения идёт незаметная подмена картинок..
Написано
более трёх лет назад
Помогут разобраться в теме
Все курсы
Нетология
Fullstack-разработчик на Python + нейросети
20 месяцев
Далее
Skillfactory
Профессия Веб-разработчик
12 месяцев
Далее
Яндекс Практикум
Фронтенд-разработчик
10 месяцев
Далее
Решения вопроса
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
Автор вопроса
вы правы
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как сверстать кастомную пунктирную обводку у блока?
1 подписчик
вчера
130 просмотров
2
ответа
JavaScript
Простой
В цикле for много кнопок как сделать .addEventListener('click', к каждой кнопке?
1 подписчик
16 нояб.
191 просмотр
3
ответа
CSS
Простой
Можно ли использовать функцию calc() в медиазапросах?
1 подписчик
13 нояб.
177 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как получить события VK.VideoPlayer используя JS?
1 подписчик
11 нояб.
121 просмотр
1
ответ
CSS
+1 ещё
Простой
Как оптимизировать svg картинку?
1 подписчик
11 нояб.
144 просмотра
1
ответ
JavaScript
+1 ещё
Сложный
Почему зависает виджет в OBS?
1 подписчик
10 нояб.
165 просмотров
0
ответов
JavaScript
Простой
Смещение группы в fabric.js?
1 подписчик
06 нояб.
131 просмотр
0
ответов
CSS
Средний
Как найти стили в шаблоне Битрикс?
1 подписчик
06 нояб.
164 просмотра
0
ответов
JavaScript
+2 ещё
Простой
Как сделать горизонтальный скролл стрелками?
1 подписчик
05 нояб.
227 просмотров
1
ответ
PHP
+2 ещё
Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
1 подписчик
03 нояб.
184 просмотра
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 200 000 до 300 000 ₽
Web-разработчик/WordPress программист (Full-stack)
JustBusiness
•
Санкт-Петербург
от 130 000 до 150 000 ₽
React разработчик
ITK academy
•
Нижний Новгород
от 50 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама