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

SergF

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

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

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

sharkson

Сообщений: 5425 Регистрация: Янв 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" - на хабре когда-то статья была, как такое создавать.

Новые темы	Объявления	Свободное общение
02:28 Стоит ли добавлять сайт в Rambler топ 100? 20:36 Python скрипт безопасной накрутки посещаемости сайта 19:26 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 15:37 Adtrafico - Правильная партнёрская сеть под бурж трафик 22:18 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 12:41 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 22:57 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт!	04:24 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 22:26 Размещу ссылки/статьи на ваш сайт \| Рост ИКС \| XRumer 19.0.15 21:45 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 21:12 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 18:31 Sectormoney.com - быстрый и удобный обменник 14:37 Sapfirex.com - Современный сервис обмена криптовалют 11:57 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc	19:59 Точные прогнозы на футбол 16:16 Подтягиваем физкультурку 17:30 Половина скидок на распродажах — фейк 18:22 Осторожно! Криптовалюта 07:49 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 17:23 Не храните данные на жёстких дисках 08:46 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту

Новые темы

Объявления

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

02:28 Стоит ли добавлять сайт в Rambler топ 100?
20:36 Python скрипт безопасной накрутки посещаемости сайта
19:26 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
15:37 Adtrafico - Правильная партнёрская сеть под бурж трафик
22:18 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.
12:41 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов
22:57 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт!

04:24 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
22:26 Размещу ссылки/статьи на ваш сайт | Рост ИКС | XRumer 19.0.15
21:45 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств
21:12 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика
18:31 Sectormoney.com - быстрый и удобный обменник
14:37 Sapfirex.com - Современный сервис обмена криптовалют
11:57 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc

19:59 Точные прогнозы на футбол
16:16 Подтягиваем физкультурку
17:30 Половина скидок на распродажах — фейк
18:22 Осторожно! Криптовалюта
07:49 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко
17:23 Не храните данные на жёстких дисках
08:46 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту

29.06.2024 22:50	Обучение созданию сайтов на Tilda за один день: быстро и эффективно
28.09.2016 15:51	Интересный эффект, как сделать ?
19.01.2014 21:44	Подскажите как добавить эффект на слайдер!