Увеличение картинки при навелении
Страницы: 1
Увеличение картинки при навелении, Как сделать чтобы картинка увеличивалась при наведении на чистом css
Делаю сайт, на главной странице иконки доски объявления, хочу сделать чтоб при наведении курсора иконка увеличивалась.

Сам код где картинка
Код
<div class="card">
     <a class="item lazyload" href="/board/transport" data-toggle="tooltip" title="" data-original-title="Транспорт" 
   style="background-image: url("/upload/000/u1/c/5/transport-cover-normal.png");"></a>
</div>
 

Пытаюсь прикрутить стили к картинке, но ни чего не получается, нужна помощь.


Код
.lazyload a.image {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
}
.lazyload a.image:hover{
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
}
 
Сам сайт vkerchi(точка)ru
например _https://jsfiddle.net/18jkd3xg/
Спасибо! Хороший вариант, но увеличивается блок вместе с картинкой, хотелось чтоб картинка увеличивалась в блоке.
Тему можно закрыть, вопрос почти решен спасибо Mamiconnars что подсказал правильный путь, сделал без добавления классов.

Получилось так:
Код
.card > a {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 transition: all 1s ease-out;
}
.card > a:hover{
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
} 
Изменено: 226102 - 14 Января 2020 18:13
scale исходника - это порно, честно говоря.А если изначально картинка норм , но в отображении перемасштабирована на меньшее - ещё больше порно. ИМХО.smile;)
Мы не можем похвастаться мудростью глаз
И умелыми жестами рук,
Нам не нужно все это, чтобы друг друга понять.
Сигареты в руках, чай на столе - так замыкается круг,
И вдруг нам становится страшно что-то менять.
Цитата
Eye пишет:
scale исходника - это порно, честно говоря.А если изначально картинка норм , но в отображении перемасштабирована на меньшее - ещё больше порно. ИМХО.smile;)
Eye  по подробнее что там не так и как лучше сделать?
Страницы: 1
Похожие темы:
  29.09.2017 18:56  Фон в виде картинки
  03.12.2012 01:15  Две картинки сразу
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
01:32 АП Яндекс ИКС 06.03.2023 
00:36 «Тавро» - «российский Telegram» — клиент популярного мессенджера для ОС «Аврора» 
15:00 03.06.23 Апдейт Яндекс выдача 
19:22 Adfinity - Ваш надежный партнер в монетизации трафика 
18:30 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
15:40 Adtrafico - Правильная партнёрская сеть под бурж трафик 
13:07 Переезд с www на домен без www 
04:20 Чек номеров | Проверка номеров на наличие Telegram. Чек базы  
04:19 обавить людей в ваш чат из чата конкурентов | Telegram продвижение 
04:18 Рассылка сообщений по ЛС в Телеграм | Парсинг и создание базы - бесплатно 
00:42 Купить дедики Абузоустойчивые сервера Аренда сервера Купить dedic Дедик Дешево vps vds сервера дедики на SSD! 
00:14 Cosmochanger.cc - Самый реактивный обменник. Быстрый и безопасный способ обменять более 20 популярных криптовалют 
00:03 Прошу дизайнера делать красиво, стильно, дорого - получаю крупно 
15:15 sms.chekons.com - Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" 
00:40 С юмором по жизни! 
23:17 В России начали блокировать VPN-подключения 
16:39 Партнерка Cpa.House 
08:22 Российский «китайский файрвол», который сделает бессмысленными VPN-сервисы 
22:01 Уволили за 47 опозданий - отсудила "за расизм" $11 млн у работодателя 
20:19 Стряхнуть обыденность - об Агасфере 
13:42 CPA.HOUSE - Топовая CPA сеть