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

SergF

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

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

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

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

sharkson

Сообщений: 4497 Регистрация: Янв 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

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

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

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

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

Новые темы	Объявления	Свободное общение
16:02 Размещение ссылок на сайте 15:28 А я пнул выдачу © Eye / АПдейт Яндекс выдача 19.01.19 14:44 301 редирект на главную 14:03 Яндекс - Нарушения и угрозы безопасности 13:40 Просел доход в адсенс 11:55 Popunder.ru - крупнейшая биржа трафика, стабильные выплаты с 2007 года! 11:10 Вирус на сайте и блокировка рекламы Adwords	15:59 Профессиональное ведение каналов в Ютубе, Белое продвижение, Услуги в соц. сетях 14:20 Прогон по личной базе, больше 1000 трастовых сайтов! Продвижение СЧ и НЧ запросов + рост показателей! Гарантии! 13:56 NewLine.online - Полуавтоматический обмен электронных валют 13:56 Анализ курсов и недежности обменников - Kurs.Expert 11:59 OkSender – программа для продвижения в социальной сети Одноклассники. 11:17 Бесплатные логотипы наборами - выбери лучший логотип из богатого выбора 10:20 Оцените сайт о Биткоин	12:34 База руководителей, директоров компаний за 2015, 2016 г. Вся Россия 10:07 Telderi 19:58 SEO продвижение сайтов в Яндекс, Google. Поднятие ИКС сайту, исправления ошибок, разработка стратегий 19:17 Избитый вопрос но всё же... 18:41 какая цмс? 15:23 Стоит ли приобретать Xrumer 17:32 Lucky.Online - собственные офферы, КЦ 24/7, стабильно высокий апрув

Новые темы

Объявления

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

16:02 Размещение ссылок на сайте
15:28 А я пнул выдачу © Eye / АПдейт Яндекс выдача 19.01.19
14:44 301 редирект на главную
14:03 Яндекс - Нарушения и угрозы безопасности
13:40 Просел доход в адсенс
11:55 Popunder.ru - крупнейшая биржа трафика, стабильные выплаты с 2007 года!
11:10 Вирус на сайте и блокировка рекламы Adwords

15:59 Профессиональное ведение каналов в Ютубе, Белое продвижение, Услуги в соц. сетях
14:20 Прогон по личной базе, больше 1000 трастовых сайтов! Продвижение СЧ и НЧ запросов + рост показателей! Гарантии!
13:56 NewLine.online - Полуавтоматический обмен электронных валют
13:56 Анализ курсов и недежности обменников - Kurs.Expert
11:59 OkSender – программа для продвижения в социальной сети Одноклассники.
11:17 Бесплатные логотипы наборами - выбери лучший логотип из богатого выбора
10:20 Оцените сайт о Биткоин

12:34 База руководителей, директоров компаний за 2015, 2016 г. Вся Россия
10:07 Telderi
19:58 SEO продвижение сайтов в Яндекс, Google. Поднятие ИКС сайту, исправления ошибок, разработка стратегий
19:17 Избитый вопрос но всё же...
18:41 какая цмс?
15:23 Стоит ли приобретать Xrumer
17:32 Lucky.Online - собственные офферы, КЦ 24/7, стабильно высокий апрув

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