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

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

17 Марта 2018 13:21

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

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

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

Coder

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

17 Марта 2018 14:06

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

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

Mamikonars

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

17 Марта 2018 14:30

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

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

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

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

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

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

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

Новые темы	Объявления	Свободное общение
01:07 Реальный заработок в интернете. 100 000 рублей в месяц за 500 уников в сутки 00:58 ИКС на домене 3 уровня, Блог на домене магазина и т.д. 22:12 Какими функциями можно заставить PHP создать физический документ (в частности XML) 21:59 Яндекс выдача. Тема для АПдейтов, которые будут с 16.09 по 23.09.2018 включительно 21:53 Яндекс Чаты (Диалоги) 21:05 Дополнительные функции в шаблоне 19:20 Какой % уникальности текста на сайте	01:55 Провожу бесплатные аудиты сайтов, консультации, сбор семантических ядер 22:00 Качественный контент 21:26 Оцените пожалуйста стоимость сайта 20:45 Оцените, пожалуйста, сайт 20:18 ExchangeYourMoney - Ввод/вывод криптовалют онлайн 19:19 Продвижение Вконтакте, ФБ, Инстаграм, Одноклассники, Твиттер 18:41 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр.	23:57 Новенькое ? Или кто-то уже в курсе ? 21:45 Актуальные программы для бесплатной регистрации сайта в каталогах 21:27 iphone 20:26 Программа Netpeak Spider показал, что на сайте куча битых ссылок 19:42 Проблемный продавец Invisible007 16:12 Blockchain Life 2018 - 2-ой ежегодный международный форум по блокчейну, криптовалюте и майнингу 15:27 Комплексное SEO продвижение в поисковых системах Яндекс, Google

Новые темы

Объявления

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

01:07 Реальный заработок в интернете. 100 000 рублей в месяц за 500 уников в сутки
00:58 ИКС на домене 3 уровня, Блог на домене магазина и т.д.
22:12 Какими функциями можно заставить PHP создать физический документ (в частности XML)
21:59 Яндекс выдача. Тема для АПдейтов, которые будут с 16.09 по 23.09.2018 включительно
21:53 Яндекс Чаты (Диалоги)
21:05 Дополнительные функции в шаблоне
19:20 Какой % уникальности текста на сайте

01:55 Провожу бесплатные аудиты сайтов, консультации, сбор семантических ядер
22:00 Качественный контент
21:26 Оцените пожалуйста стоимость сайта
20:45 Оцените, пожалуйста, сайт
20:18 ExchangeYourMoney - Ввод/вывод криптовалют онлайн
19:19 Продвижение Вконтакте, ФБ, Инстаграм, Одноклассники, Твиттер
18:41 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр.

23:57 Новенькое ? Или кто-то уже в курсе ?
21:45 Актуальные программы для бесплатной регистрации сайта в каталогах
21:27 iphone
20:26 Программа Netpeak Spider показал, что на сайте куча битых ссылок
19:42 Проблемный продавец Invisible007
16:12 Blockchain Life 2018 - 2-ой ежегодный международный форум по блокчейну, криптовалюте и майнингу
15:27 Комплексное SEO продвижение в поисковых системах Яндекс, Google

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)