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

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

Новые темы	Объявления	Свободное общение
04:45 Gmail разрешил менять основной адрес - теперь можно убрать старые ники без переноса аккаунта 23:16 ИКС Яндекс АПдейт 1 апреля 2026. Обновлён алгоритм расчёта 22:04 Бесплатное расширение для Chrome — проверка ссылок прямо на странице 18:01 Раскрутка форума 13:23 Рост эффективности моего интернет‑магазина 21:08 Adsense личный опыт 18:19 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов?	04:06 От $0.015 за IP \| $0.68 за ГБ \| 9PROXY.COM \| 20+ млн резидентных прокси \| 99,95% аптайм \| Без чёрных списков 18:25 UltraXchina: Современный сервис обмена Alipay, USDT, Наличные 16:33 Продам сайт Домен РУ RU РФ c доменом www.доменру.рф 14:20 Продам базу данных предприятий Украины, России, Великобритании, Германии, Испании, Италии, Нидерландов, Польши, Франции, Швейцарии и др. 13:48 Мониторинг обменников Сrypto-scout.io 13:42 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 13:06 Чек номеров на наличие Telegram/ Filter (checking) numbers Telegram	04:35 Точные прогнозы на футбол 22:45 С юмором по жизни! 22:32 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 19:57 молодильные яблоки и живая вода 15:42 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день 07:17 Почему не обновляется счетчик ИКС (индекса качества сайта) 06:50 Ставки на супер тренды в спорте

Новые темы

Объявления

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

04:45 Gmail разрешил менять основной адрес - теперь можно убрать старые ники без переноса аккаунта
23:16 ИКС Яндекс АПдейт 1 апреля 2026. Обновлён алгоритм расчёта
22:04 Бесплатное расширение для Chrome — проверка ссылок прямо на странице
18:01 Раскрутка форума
13:23 Рост эффективности моего интернет‑магазина
21:08 Adsense личный опыт
18:19 Яндекс Нейро и выдача в 2026 - остались ли лазейки для маленьких сайтов?

04:06 От $0.015 за IP | $0.68 за ГБ | 9PROXY.COM | 20+ млн резидентных прокси | 99,95% аптайм | Без чёрных списков
18:25 UltraXchina: Современный сервис обмена Alipay, USDT, Наличные
16:33 Продам сайт Домен РУ RU РФ c доменом www.доменру.рф
14:20 Продам базу данных предприятий Украины, России, Великобритании, Германии, Испании, Италии, Нидерландов, Польши, Франции, Швейцарии и др.
13:48 Мониторинг обменников Сrypto-scout.io
13:42 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old
13:06 Чек номеров на наличие Telegram/ Filter (checking) numbers Telegram

04:35 Точные прогнозы на футбол
22:45 С юмором по жизни!
22:32 8 марта: желаю аптайма 99.9% и e-e-a-t без локов
19:57 молодильные яблоки и живая вода
15:42 Голландцы влепили Grok по яйцам - теперь нельзя раздевать реальных людей, штраф 100к евро в день
07:17 Почему не обновляется счетчик ИКС (индекса качества сайта)
06:50 Ставки на супер тренды в спорте

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