Link to WebsiteCSS - нужно только размер изображения (не текст) увеличить на Hover
Если вы посетите раздел услуги первой страницы (с веб-дизайна, графического дизайна, Маркетинг в поисковых системах и значки WordPress преобразования) вы заметите, что изображения и текст под ними будут увеличиваться в размере, когда вы наводите на них курсор. Но я просто хочу, чтобы размер изображения увеличивался (а не текст). CSS, что в настоящее время определяет размер зоны обслуживания (без и с парением) составляет:
.service-icon img {
width: 100px;
height:95px;
}
.service-icon img:hover{
width: 110px !important;
height:100px !important;
}
«-услуг значка» класс должен применяться только к иконе, так, то почему же текст также отвечает?
Я также пытался применить этот стиль к конкретному классу изображения:
/*.service-icon img:hover{
width: 110px !important;
height:100px !important;
}*/
.attachment-post-thumbnail, .size-post-thumbnail, .wp-post-image:hover {
width: 110px !important;
height: 100px !important;
}
Но он не дал мне никакого результата - размер изображения/шрифт не увеличивался на всех. На данный момент я не знаю, что еще попробовать. Это веб-сайт WordPress с настраиваемой темой, и вы заметите, что изображения изначально анимируются с помощью CSS3 Animate-It Plugin. Спасибо за ваши предложения.
EDIT: Обновленный CSS:
.service-icon img {
width: 100px;
height:95px;
}
.service-icon img:hover{
transform: scale(1.1);
}
/*.service-icon img:hover{
width: 110px !important;
height:100px !important;
}
.attachment-post-thumbnail, .size-post-thumbnail, .wp-post-image:hover
{
width: 110px !important;
height: 100px !important;
}
*/
Использовать 'transform: scale (1.1)' – LGSon