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

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

17 Марта 2018 13:21

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

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

Комплексное SEO продвижение в поисковых системах Яндекс, Google

Coder

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

17 Марта 2018 14:06

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

✓ Проверенные скрипты и полезности для сайта ✓ Курсы ✓ Изображение в вектор ✓ VDS/VPS

Mamikonars

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

17 Марта 2018 14:30

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

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

Заработок на странице ВК

Лучшая партнерка

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

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

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

Новые темы	Объявления	Свободное общение
01:19 Ваша любимая биржа 01:15 Быстрое продвижение 00:53 мой сайт в рекламе Адсенса? 00:24 АП выдача 17.11 \| Дмитрий Галахов: "У тебя (SEO BOSS - прим.ред.) уж наверн лям уников в день, каждый ап для тебя в плюс" 22:30 Нужна помощь с vbulletin 11:10 Сколько внутренних ссылок максимально может быть на странице 10:01 Где приобрести живых подписчиков на ЮТУБ без списаний?	23:31 Софты для обработки RDP+ Покупка дедиков!!! 22:34 Софт на заказ 22:22 Продам ссылки с трастовых сайтов более 500 площадок 22:09 Комплексная раскрутка сайтов. Качественные услуги, прогоны и прочее. (3000+ отзывов) 18:41 Создание сайтов и верстка 18:36 Написание информационных статей и новостей для сайтов 14:03 Продвижение в соц. сетях: ВК, Одноклассники, Instagram, Twitter, Facebook, YouTube	01:12 Как вывести рекламный банер в боковой колонке? 22:40 Кидок 22:24 Стоит ли играть в казино? 19:55 Продаю крупные аккаунты в Инстаграме (дешево) 17:13 О подлости 00:40 Скрины спама 00:14 Заходишь на форум в час ночи по МСК и понимаешь

Новые темы

Объявления

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

01:19 Ваша любимая биржа
01:15 Быстрое продвижение
00:53 мой сайт в рекламе Адсенса?
00:24 АП выдача 17.11 | Дмитрий Галахов: "У тебя (SEO BOSS - прим.ред.) уж наверн лям уников в день, каждый ап для тебя в плюс"
22:30 Нужна помощь с vbulletin
11:10 Сколько внутренних ссылок максимально может быть на странице
10:01 Где приобрести живых подписчиков на ЮТУБ без списаний?

23:31 Софты для обработки RDP+ Покупка дедиков!!!
22:34 Софт на заказ
22:22 Продам ссылки с трастовых сайтов более 500 площадок
22:09 Комплексная раскрутка сайтов. Качественные услуги, прогоны и прочее. (3000+ отзывов)
18:41 Создание сайтов и верстка
18:36 Написание информационных статей и новостей для сайтов
14:03 Продвижение в соц. сетях: ВК, Одноклассники, Instagram, Twitter, Facebook, YouTube

01:12 Как вывести рекламный банер в боковой колонке?
22:40 Кидок
22:24 Стоит ли играть в казино?
19:55 Продаю крупные аккаунты в Инстаграме (дешево)
17:13 О подлости
00:40 Скрины спама
00:14 Заходишь на форум в час ночи по МСК и понимаешь

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)