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

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

Новые темы	Объявления	Свободное общение
16:35 Телега на ручнике: РКН включил замедление и логи админок покраснели 11:48 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу 13:45 SEO под нейро 13:07 MAX выкатил приватные каналы - закрытые тусы теперь лепишь за минуту 21:45 Раскрутка форума 18:07 Гугл уходит из России: почему интернет тормозит и что делать 15:17 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options	16:40 Monitex: Мониторинг с кэшбэком 80% в USDT 16:36 Мониторинг обменников Сrypto-scout.io 15:53 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 13:49 Linken Sphere – браузер-антидетект нового поколения 12:15 Скрипт обменника валют 04:47 Onechange.me — надежный обменник криптовалют и фиатных средств 23:29 TELEGRAM EXPERT — Многоцелевой комбайн по работе с Telegram	14:02 блокировка youtube 2026: ркн начинает «выдавливание». кто уже пробовал вк видео? 14:01 Добро пожаловать в цифровой мир... 13:55 Туалетные секреты: Замурчательная тема 12:22 Оцифровка старых физических фотографий 08:49 Точные прогнозы на футбол 23:03 Ставки на супер тренды в спорте 18:43 Индия влепила Intel 3 ляма баксов за дискриминацию по гарантии

Новые темы

Объявления

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

16:35 Телега на ручнике: РКН включил замедление и логи админок покраснели
11:48 WB и Ozon - новые "русские поисковики"? Яндекс теряет коммерческую выдачу
13:45 SEO под нейро
13:07 MAX выкатил приватные каналы - закрытые тусы теперь лепишь за минуту
21:45 Раскрутка форума
18:07 Гугл уходит из России: почему интернет тормозит и что делать
15:17 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options

16:40 Monitex: Мониторинг с кэшбэком 80% в USDT
16:36 Мониторинг обменников Сrypto-scout.io
15:53 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old
13:49 Linken Sphere – браузер-антидетект нового поколения
12:15 Скрипт обменника валют
04:47 Onechange.me — надежный обменник криптовалют и фиатных средств
23:29 TELEGRAM EXPERT — Многоцелевой комбайн по работе с Telegram

14:02 блокировка youtube 2026: ркн начинает «выдавливание». кто уже пробовал вк видео?
14:01 Добро пожаловать в цифровой мир...
13:55 Туалетные секреты: Замурчательная тема
12:22 Оцифровка старых физических фотографий
08:49 Точные прогнозы на футбол
23:03 Ставки на супер тренды в спорте
18:43 Индия влепила Intel 3 ляма баксов за дискриминацию по гарантии

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