Как сделать Сss стиль при наведении на ссылку и изображение?

Question

[Mark]

Есть изображение и рядом с изображением ссылка на одном уровне.
На изображении 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);
}

Comments

[Ярослав Иванов]

И после таких вопросов вы называете себя профессиональным веб разработчиком ? Не стыдно ?

Answer 1

[Дмитрий]

https://jsfiddle.net/soledar10/bj6usgtk/

Answer 2

[Егор Живагин]

.класс_ссылки:hover .класс_изображения { ...

Comments

[Егор Живагин]

Ну, и в скобочках вместо многоточия транслейты для изображения)

[Mark]

К ссылке как прописать :hover?)) Никак так-то

[Егор Живагин]

Марк Чащин: эт ещё почему?