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

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" - на хабре когда-то статья была, как такое создавать.

Новые темы	Объявления	Свободное общение
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 "Черная пятница": когда и где искать максимальные скидки

Новые темы

Объявления

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

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 "Черная пятница": когда и где искать максимальные скидки

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