Добрый день.
При наведении на родительскую ссылку, дочерняя картинка и текст плавно меняют прозрачность:
<a href="/pages/viewpage.action?pageId=936411868"><img src="/download/attachments/978223304/tk.png"/><span>Вакансии</span></a>
.colo > div a span, .colo > div a img {
transition: all .5s linear 0s;
-o-transition: all .5s linear 0s;
-moz-transition: all .5s linear 0s;
-webkit-transition: all .5s linear 0s;
-ms-transition: all .5s linear 0s;
}
.colo > div a:hover img, .colo > div a:hover span {opacity: .7;}
Но помимо прозрачности происходит изменение размеров картинки, где то пикселей на 1-2.
Менял all на opacity, linear на ease - так же странно работает.
Подскажите пожалуйста, что это может быть?