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

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

17 Марта 2018 13:21

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

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

Прогон по твиттеру, постинг в 1500 аккунтов
Постинг в твиттер аккаунты, для ускорения индексации ваших сайтов, сателлитов, дорвеев.

Coder

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

17 Марта 2018 14:06

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

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

Mamikonars

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

17 Марта 2018 14:30

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

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

Бесплатные биткоины каждый час

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

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

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

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

Новые темы	Объявления	Свободное общение
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 Как я отдыхал в другой стране, видел много коров, коз и не одной улитки.

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)