Увеличение картинки при навелении
Страницы: 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

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

например _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)
Новые темыОбъявленияСвободное общение
02:50 Помощь в настройке плеера 
01:14 Мои сайты теперь мои 
09:50 WebVisitor - улучшение и накрутка поведенческих факторов ранжирования вашего сайта. 
09:47 Насколько стабильный трафик из Яндекса? 
09:42 Gambling Craft - гемблинг по белому 
21:47 Отзывы на Яндекс Картах 
19:09 ClickDealer- свои люди на рынке буржа! 
04:44 Софт на заказ 
03:47 Профессиональное размножение текстов 
01:09 Профессиональное ведение каналов в Ютубе, Белое продвижение, Услуги в соц. сетях 
23:45 Дешевое наполнение сайтов 
23:42 Ищу работу копирайтера и рерайтера 
20:32 СДЛ сайт Женская тематика 
19:49 Продам неограниченную лицензию DLE, CMS DataLife Engine 
23:07 Нужны живые подписчики телеграм 
09:25 Количество материала и посещаемость 
20:19 Наши машинки 
16:11 Индексация Яндекс Дзен 
22:18 С ноября не радует Адсенс. У кого также? 
20:57 Аудит Вашего сайта 
09:28 Plussy - лучшая партнерка для гемблинг