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

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

например _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)
Новые темыОбъявленияСвободное общение
20:17 Крауд-маркетинг — способ продвижения сайта 2020 
20:17 одинаковые H2 на разных страницах сайта 
18:22 В поиске страниц 0 
17:01 Отсутствует поле "position" в гугл вебмастер. Влияет ли на позиции сайта? 
15:28 Контент в интернет магазине? 
20:05 1 июля 2020 АПдейт Яндекс выдача 
15:22 Adtrafico - Правильная партнёрская сеть под бурж трафик 
20:13 Размещу анкорные Трастовые ссылки на ваш сайт с ИКС от 10. 
17:13 Веб-мастер. Создаю сайты "под ключ" 
15:17 200 открытых анкорных ссылок всего за 100 рублей 
13:11 Pinflux2Pro -супер мощный комбайн для Pinterest | Работает на полном автомате. 
12:44 Tochkaobmena.com - сервис по обмену цифровых валют! 
11:43 Спамер соц. сети Вконтакте 
04:36 Технический аудит сайта - бесплатно 
18:21 Проблема с адсенс 
18:02 Leadnik.ru - партнерская программа, созданная для реализации ваших лидов. 
17:59 Повышение ИКС сайта - мое наблюдение 
17:42 форекс 
17:39 Шашлыки в 2012-2020 году 
15:16 Я прощаюсь со своим хостингом. Не хочу уходить. Мне очень жаль 
15:33 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу.