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

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

17 Марта 2018 13:21

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

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

Coder

Сообщений: 10597 Регистрация: Мар 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); спасибо!

Новые темы	Объявления	Свободное общение
15:19 Refmate — сервис для взаимного обмена ссылками 13:06 Продвижение по ключам 09:47 Adsense личный опыт 13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 13:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 08:27 Ищу специалистов 08:18 Прибыль 200$ - 400$, за каждую 1000 уников! Google, FB и тд	08:32 Продам сайт финансовой тематики (банки, мфо) срочно с доменом!!! 08:10 Аккаунт исполнителя fl.ru 05:19 Swapper.ws - Обмен криптовалют. Быстро, выгодно, круглосуточно. 04:06 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 01:41 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 20:22 Belurk — высокоскоростные анонимные прокси от 0,24 рублей 18:48 Продажа аккаунтов HH.RU	17:46 Всего п онемногу 12:45 Куплю проигрышные букмекерские аккаунты 11:55 Union Pharm - топовая фарма-партнерка для профессионалов! 17:09 Точные прогнозы на футбол 10:00 Ну что, кто куда деваете свои сайты? 16:22 Компьютерная мышь 23:55 Добро пожаловать в цифровой мир...

Новые темы

Объявления

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

15:19 Refmate — сервис для взаимного обмена ссылками
13:06 Продвижение по ключам
09:47 Adsense личный опыт
13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options
13:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.
08:27 Ищу специалистов
08:18 Прибыль 200$ - 400$, за каждую 1000 уников! Google, FB и тд

08:32 Продам сайт финансовой тематики (банки, мфо) срочно с доменом!!!
08:10 Аккаунт исполнителя fl.ru
05:19 Swapper.ws - Обмен криптовалют. Быстро, выгодно, круглосуточно.
04:06 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
01:41 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника
20:22 Belurk — высокоскоростные анонимные прокси от 0,24 рублей
18:48 Продажа аккаунтов HH.RU

17:46 Всего п онемногу
12:45 Куплю проигрышные букмекерские аккаунты
11:55 Union Pharm - топовая фарма-партнерка для профессионалов!
17:09 Точные прогнозы на футбол
10:00 Ну что, кто куда деваете свои сайты?
16:22 Компьютерная мышь
23:55 Добро пожаловать в цифровой мир...

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)