Увеличение картинки при навелении
Страницы: 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)
Новые темыОбъявленияСвободное общение
05:51 7 августа 2020 выдача | Для вас когда лето кончается? 
21:48 Поменял домен 
19:49 Можно с помощью накрутки ПФ "почувствовать выход в опу мира и ощутить ответ тех поддержки яшы"? 
15:25 Adtrafico - Правильная партнёрская сеть под бурж трафик 
06:49 Kokos.click - народная тизерная сеть! 
21:59 Накрутка поведенческих факторов весна - лето 2020 для продвижения сайта в ТОП Яндекса и Google 
21:20 TeaserNet - тизерная сеть нового поколения! Высокие доходы, стабильные выплаты 
01:25 [Бесплатный тест] Топовые мобильные прокси RU, UA, UK. AIRSOCKS 3G / 4G / LTE. С подменой Passive OS fingerprint (Windows / Mac / Android / iPhone) 
21:56 Базы номеров viber все города Украины. 
18:55 Продам сайт 
17:19 Скопирую сайт любой сложности: быстро, качественно и без головной боли. 
16:21 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 
15:17 EnotGlobal – Реактивная генерация поведенческого трафика. 
19:06 Продам свежий сайт о путешествиях 
21:26 ruposters.ru: На турецких курортах резко началась новая волна коронавируса 
20:39 Билл Гейтс предсказал "катастрофу страшнее пандемии коронавируса" 
16:50 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 
19:07 Дуров увидел в попытке США выкупить TikTok угрозу гибели глобального интернета 
18:07 Партнёрская рекламная сеть Vadideo Network 
11:59 Edu-affiliates - лучшая партнерка в нише эссе! 
07:46 Обсчитали в магазине