Как реализован эффект внутри картинки
Страницы: 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)
Новые темыОбъявленияСвободное общение
10:45 Как получить большую скидку на покупку Xrumer, Xevil 
10:32 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 
18:42 МyLead дает советы по продвижению 
20:34 YandexGPT не убьёт классический поиск по интернету? 
18:38 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
16:15 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 
15:53 Adtrafico - Правильная партнёрская сеть под бурж трафик 
09:37 Продаются аккаунты Яндекс Директ без НДС (валюта USD). +20% к вашему бюджету 
13:44 Накрутка Adsense 
10:26 Размещу ссылки/статьи на ваш сайт | Рост ИКС | XRumer 19.0.15 
18:09 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
15:29 Прием платежей с банковских карт для ЛЮБЫХ ПРОЕКТОВ (Сайтов). 
15:03 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
14:16 Serious.Partners — международная CPA сеть! (гемблинг/ беттинг/ дейтинг/ подписки) 
04:18 Точные прогнозы на футбол 
19:24 Вознаграждение 1000$ за активности 
00:16 России тестируют браузер «Луна»: «Альтернативный российский браузер для быстрого и безопасного доступа в интернет» 
00:08 Курс доллара упал ниже 85 рублей 
18:36 Где лучше всего проверять позиции сайта? 
14:58 Подтягиваем физкультурку 
14:55 С юмором по жизни!