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

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

Код
<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
sharkson, смотрел отладчиком, если сделать изображению transform: scale(5) оно станет не четким, там картинка как заглушка после клика работает canvas. Вот я хочу узнать как это действует.
SergF, там 30 картинок. Каждая следующая картинка - приближенная, детализированная часть предыдущей. Первая картинка зумится и подменяется на вторую, и т.д.

Погуглите "zoomquilt" - на хабре когда-то статья была, как такое создавать.
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
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, стабильно высокий апрув