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

SergF

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

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

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

sharkson

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

НАДЕЖНЫЙ И НЕДОРОГОЙ ХОСТИНГ ТУТ
НЕДОРОГОЙ ХОСТИНГ
ПРОДАМ БЛОГ ЖЖ
СОЗДАНИЕ И НАСТРОЙКА MediaWiki и phpbb3

SergF

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

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

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

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

Новые темы	Объявления	Свободное общение
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 С юмором по жизни!

Новые темы

Объявления

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

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 С юмором по жизни!

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