Как реализован эффект внутри картинки
Страницы: 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)
Новые темыОбъявленияСвободное общение
22:17 FriendsPartners партнерская программа по Гемблингу 
21:35 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
20:55 CPA-сеть MyLead - глобальная монетизация трафика! 
19:06 Стоит ли добавлять сайт в Rambler топ 100? 
19:03 Стоит ли заморачиваться с мейл ру ? 
17:08 Marketcall - международная партнерская сеть с оплатой Pay Per Call и LeadGen 
16:00 Группа в фейсбуке 
01:27 Услуги программирования от команды разработчиков 
20:35 Антидетект браузер GoLogin для мультиаккаунтинга 
12:50 Бесплатно доноры с показателями: ИКС 11 200, посещаемость 590 000 
10:51 Ручное размещение вечных статей и ссылок на хороших площадках. Опыт 15 лет! 
10:50 Ural-obmen.ru — выгодный сервис обмена 
10:23 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 
09:19 BestChange – обменивать электронную валюту можно быстро и выгодно 
21:33 Глава Счетной палаты Кудрин покидает ведомство и переходит в Яндекс 
19:48 150+ хакерских поисковых систем и инструментов 
16:31 Россия может запустить «национальную криптобиржу» 
08:23 Подтягиваем физкультурку 
17:20 Партнерская программа OWNR WALLET 
13:30 Илон Маск пообещал выпустить собственный смартфон, если Apple и Google удалят Twitter из магазинов приложений 
12:49 "Черная пятница": когда и где искать максимальные скидки