Есть изображение и рядом с изображением ссылка на одном уровне.
На изображении css стиль, при наведении, оно опускается немного вниз.
Как сделать чтобы при наведении и на ссылку, изображение опускалось так же вниз, но ссылка оставалась на месте.
У меня же получается, что если я стиль прописываю к ссылке, она тоже сдвигается вниз.
Помогите!)
.hvr-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
