Как реализован эффект внутри картинки

SergF

Сообщений: 232 Регистрация: Янв 2014

7 Октября 2018 23:22

Вот пример _yadrenakopot.ru начать бесконечный пикник кнопка внизу, картинка увеличивается, как это работает?

Бесплатная контекстная реклама

sharkson

Сообщений: 4430 Регистрация: Янв 2014

8 Октября 2018 20:37

Код

<div class="section__container">

    <canvas id="zooming" class="home-view__zooming" width="1680" height="419"></canvas>
    <button id="startZoom" class="home-view__start"></button>
    <div class="home-view__keyboard"></div>

</div>

Посмотрите отладичиком css свойства элементов и почитайте _http://htmlbook.ru/css/transform

НАДЕЖНЫЙ И НЕДОРОГОЙ ХОСТИНГ ТУТ
НЕДОРОГОЙ ХОСТИНГ
ПРОДАМ БЛОГ ЖЖ
СОЗДАНИЕ ФОРУМОВ на phpbb3

SergF

Сообщений: 232 Регистрация: Янв 2014

8 Октября 2018 23:01

sharkson, смотрел отладчиком, если сделать изображению transform: scale(5) оно станет не четким, там картинка как заглушка после клика работает canvas. Вот я хочу узнать как это действует.

c00x Сообщений: 8 Регистрация: Сен 2018	#4 9 Октября 2018 04:36 SergF, там 30 картинок. Каждая следующая картинка - приближенная, детализированная часть предыдущей. Первая картинка зумится и подменяется на вторую, и т.д. Погуглите "zoomquilt" - на хабре когда-то статья была, как такое создавать.

Новые темы	Объявления	Свободное общение
12:58 мой сайт в рекламе Адсенса? 12:40 АП выдача 17.11 \| Дмитрий Галахов: "У тебя (SEO BOSS - прим.ред.) уж наверн лям уников в день, каждый ап для тебя в плюс" 12:25 Ваша любимая биржа 11:10 Сколько внутренних ссылок максимально может быть на странице 10:01 Где приобрести живых подписчиков на ЮТУБ без списаний? 09:47 Сюрприз от Яндекса. -200 позиций. 05:22 Биржа вечных ссылок Seolinkerman.ru, официальная тема на форуме	08:44 Продвижение сайтов, прогон Xrumer, грамотно наращиваем посещаемость вашего ресурса! 08:09 Быстрые Dedicated servers, Выделенные сервера, Дедики 01:15 Качественный прогон Хрумером, Zennoposterом всего 10 WMZ, Большой опыт работы. Статьи, комментарии, профиля, гостевые. 23:31 Ручной прогон по трастовым сайтам (профили) 22:51 Софты для обработки RDP+ Покупка дедиков!!! 21:29 Продам Стоматологический сайт 400 уников 20:47 Продвижение в соц. сетях: ВК, Одноклассники, Instagram, Twitter, Facebook, YouTube	00:40 Скрины спама 00:22 Кидок 00:14 Заходишь на форум в час ночи по МСК и понимаешь 14:24 Стоит ли играть в казино? 15:24 Новая тизерная сеть Actionteaser.ru 14:05 Отзывы об INWOXER 12:40 Вылетели страницы из гугл

Новые темы

Объявления

Свободное общение

12:58 мой сайт в рекламе Адсенса?
12:40 АП выдача 17.11 | Дмитрий Галахов: "У тебя (SEO BOSS - прим.ред.) уж наверн лям уников в день, каждый ап для тебя в плюс"
12:25 Ваша любимая биржа
11:10 Сколько внутренних ссылок максимально может быть на странице
10:01 Где приобрести живых подписчиков на ЮТУБ без списаний?
09:47 Сюрприз от Яндекса. -200 позиций.
05:22 Биржа вечных ссылок Seolinkerman.ru, официальная тема на форуме

08:44 Продвижение сайтов, прогон Xrumer, грамотно наращиваем посещаемость вашего ресурса!
08:09 Быстрые Dedicated servers, Выделенные сервера, Дедики
01:15 Качественный прогон Хрумером, Zennoposterом всего 10 WMZ, Большой опыт работы. Статьи, комментарии, профиля, гостевые.
23:31 Ручной прогон по трастовым сайтам (профили)
22:51 Софты для обработки RDP+ Покупка дедиков!!!
21:29 Продам Стоматологический сайт 400 уников
20:47 Продвижение в соц. сетях: ВК, Одноклассники, Instagram, Twitter, Facebook, YouTube

00:40 Скрины спама
00:22 Кидок
00:14 Заходишь на форум в час ночи по МСК и понимаешь
14:24 Стоит ли играть в казино?
15:24 Новая тизерная сеть Actionteaser.ru
14:05 Отзывы об INWOXER
12:40 Вылетели страницы из гугл

28.09.2016 15:51	Интересный эффект, как сделать ?
19.01.2014 21:44	Подскажите как добавить эффект на слайдер!