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

SergF

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

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

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

Бесплатная контекстная реклама

sharkson

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

НАДЕЖНЫЙ И НЕДОРОГОЙ ХОСТИНГ ТУТ
НЕДОРОГОЙ ХОСТИНГ
ПРОДАМ БЛОГ ЖЖ
СОЗДАНИЕ ФОРУМОВ на phpbb3

SergF

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

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

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

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

Новые темы	Объявления	Свободное общение
15:52 Как закрыть данные в сервисе cy-pr, от посторонних? 15:15 Adtrafico - Правильная партнёрская сеть под бурж трафик 14:40 Кнопка распечатки на картинке 13:11 CPA-сеть MyLead - глобальная монетизация трафика! 13:09 Зарабатывай до 50% за сейл с партнерской программой EssayPro! 19:22 Как удалять лишние символы из урл 18:30 ClickDealer- свои люди на рынке буржа!	15:32 BestChange – обменивать электронную валюту можно быстро и выгодно 15:01 HidMark.ru - естественные ссылки от 99 рублей. 14:37 Напишу тексты на азартную тематику для бирж ссылок 13:57 Профессиональное размножение текстов 12:52 Схема от 750$ в месяц 00:18 Программы для рассылок, накрутки, продвижения и ведения аккаунтов в skype, instagram, vk, ok, avito, lenta.ru 23:35 Качественный профильный ручной прогон недорого	16:09 Почему продукты от Евгения Попова это высер? 16:08 Арест серверов MoonWalk, без контента осталось 80% киносайтов РФ 15:20 Партнерская программа №1 в РФ по ремонту компьютерной и бытовой техники! (CPA 1000р) 09:03 Борьба с оборотнями во Франции 20:34 Кому пришла выплата с AdSense? 15:20 Стоит ли приобретать Xrumer 21:29 Как я отдыхал в другой стране, видел много коров, коз и не одной улитки.

Новые темы

Объявления

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

15:52 Как закрыть данные в сервисе cy-pr, от посторонних?
15:15 Adtrafico - Правильная партнёрская сеть под бурж трафик
14:40 Кнопка распечатки на картинке
13:11 CPA-сеть MyLead - глобальная монетизация трафика!
13:09 Зарабатывай до 50% за сейл с партнерской программой EssayPro!
19:22 Как удалять лишние символы из урл
18:30 ClickDealer- свои люди на рынке буржа!

15:32 BestChange – обменивать электронную валюту можно быстро и выгодно
15:01 HidMark.ru - естественные ссылки от 99 рублей.
14:37 Напишу тексты на азартную тематику для бирж ссылок
13:57 Профессиональное размножение текстов
12:52 Схема от 750$ в месяц
00:18 Программы для рассылок, накрутки, продвижения и ведения аккаунтов в skype, instagram, vk, ok, avito, lenta.ru
23:35 Качественный профильный ручной прогон недорого

16:09 Почему продукты от Евгения Попова это высер?
16:08 Арест серверов MoonWalk, без контента осталось 80% киносайтов РФ
15:20 Партнерская программа №1 в РФ по ремонту компьютерной и бытовой техники! (CPA 1000р)
09:03 Борьба с оборотнями во Франции
20:34 Кому пришла выплата с AdSense?
15:20 Стоит ли приобретать Xrumer
21:29 Как я отдыхал в другой стране, видел много коров, коз и не одной улитки.

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