Увеличивающаяся картинка

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

17 Марта 2018 13:21

Приветствую! Подскажите новичку про баннеры с увеличивающейся картинкой при наведении. Помещаем картинку в блок, задаем одинаковый с блоком размер, в ховер картинки записываем больший размер, ограничиваем увеличение блока overflow- hidden. Все работает, НО фокус получается не по центру картинки, а по верхнему левому краю картинки. Кто понял всю эту написанную лабуду, как простым способом сделать, чтобы картинка увеличивалась по центру?

Хватит ерундой страдать на SEO
ИДИ пахать на буксы
БЕСПЛАТНЫЙ ХОСТИНГ на 30 дней

Coder

Сообщений: 10609 Регистрация: Мар 2013

17 Марта 2018 14:06

В гугл смотрим: "картинка увеличивалась по центру css3"

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Сервис временных ссылок

Mamikonars

Сообщений: 512 Регистрация: Окт 2012

17 Марта 2018 14:30

Цитата
Федор Рашпиль пишет: получается не по центру картинки

Скиньте код, посмотрим.

Надежный хостинг

Игровая партнерка

Федор Рашпиль

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

17 Марта 2018 14:40

.new {
width:230px;height:180px;border: 7px solid #7F7F7F;overflow: hidden;margin:0 auto;
}
.new img {width:100%;height:180px;transition:2s;}
.new img:hover {width:120%;height:215px;}
В хтмл блок с классом new

Федор Рашпиль Сообщений: 588 Регистрация: Янв 2018	#5 17 Марта 2018 14:52 Раньше искал в яндексе и как-то не нашел результата, может вопрос неверно формулировал. Щас в гугле сразу нашел, вместо увеличенного размера нужно указывать transform: scale(1.1); спасибо!

Новые темы	Объявления	Свободное общение
09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 17:02 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе 13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 11:41 2Index - быстрая индексация страниц сайта и обратных ссылок 23:00 Продвижение по ключам	16:04 Продам базу данных предприятий Украины, России, Великобритании, Германии, Испании, Италии, Нидерландов, Польши, Франции, Швейцарии и др. 13:46 Продвижение сайтов в ТОП Яндекса за 2 недели. Рост позиций и трафика. Бесплатный тест. 12:28 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 11:31 Продвижение сайтов 03:51 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 00:23 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 15:49 Продажа аккаунтов HH.RU	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?

Новые темы

Объявления

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

09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг
19:33 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options
17:02 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.
15:12 Несколько статей хорошо выдаются в Гугле, но отвратительно в Яндексе
13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
11:41 2Index - быстрая индексация страниц сайта и обратных ссылок
23:00 Продвижение по ключам

16:04 Продам базу данных предприятий Украины, России, Великобритании, Германии, Испании, Италии, Нидерландов, Польши, Франции, Швейцарии и др.
13:46 Продвижение сайтов в ТОП Яндекса за 2 недели. Рост позиций и трафика. Бесплатный тест.
12:28 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик]
11:31 Продвижение сайтов
03:51 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
00:23 CryptoGraph — Анонимный обмен криптовалют без KYC и AML
15:49 Продажа аккаунтов HH.RU

16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру
20:43 Добро пожаловать в цифровой мир...
15:59 Про мясо
23:09 ПП от PMS remote.team - 200$ за команду
13:28 Компьютерная мышь
22:55 Ну что, кто куда деваете свои сайты?
22:34 Используете беспроводные наушники?

07.06.2018 18:19	Верстка, что бы картинка не закрывала рамку
21.02.2018 22:41	Статистическая страница с картинками в дле
10.01.2018 22:44	Подгружается ли картинка в background
11.08.2016 16:42	Как сделать чтобы картинка не растягивалась?
05.10.2013 01:12	Съезжает картинка-лого ПП (cityads)