- 05, Sep 2017
- #1
Здравствуйте!
Есть страница с 3 колонками фото 200x200. Надо, чтобы при наведении курсора картинка увеличивалась в 1.5 раза. С правой и левой колонками проблем не возникло, только со средней-картинка мигает, но не увеличивается. С чем это может быть связано? В html использовал
и
, в css -
img.img.left{
float:left;
margin:0px 15px 5px 0;
max-height: 300px;
max-width: 300px;
}
img.img.left:hover{
transform:scale(1.5) translate(-15px, 30px);
transition: all 0.3s linear 0.3s;
}
img.right{
float:right;
margin:0px 35px 20px 20px;
max-height: 300px;
max-width: 300px;
}
img.img.right:hover{
transform:scale(1.5) translate(-16px, 25px);
transition: all 0.3s linear 0.3s;
}
Пробовал и другие варианты из И-та. Заранее спасибо!
и
, в css -
img.img.left{
float:left;
margin:0px 15px 5px 0;
max-height: 300px;
max-width: 300px;
}
img.img.left:hover{
transform:scale(1.5) translate(-15px, 30px);
transition: all 0.3s linear 0.3s;
}
img.right{
float:right;
margin:0px 35px 20px 20px;
max-height: 300px;
max-width: 300px;
}
img.img.right:hover{
transform:scale(1.5) translate(-16px, 25px);
transition: all 0.3s linear 0.3s;
}
Пробовал и другие варианты из И-та. Заранее спасибо!
![[Егор Дата] 40 виджетов с известного сайта Musegain.com](/assets/images/icons/forum6.png){kind=icon}
