Как добавить к элементу такой эффект, чтобы при наведении она поднималась?

Question

[Aladdin]

Не знаю как это толком объяснить, но я хотел бы, чтобы при наведении мыши на фотографию, она поднималась. Понятия не имею как это работает, может это просто тень или что-то еще, надеюсь на вашу помощь

Answer 1

[iBird Rose]

ставишь при ховере для img margin-top: -10px; к примеру. а также не забудь задать transition
https://jsfiddle.net/sgLh8m4j/

Comments

[Максим]

я сколько раз видел что при любом hover с изображением , оно блюрится , вы не знаете как этого избежать ? -webkit-

[iBird Rose]

Максим Жаров: да. знаю. но это явно заметно только в хроме. в других браузерах он или чуть заметен или его вообще не видно. так что это просто рендеринг dom какой то не такой у хрома

[Максим]

iBird Rose: не исправимо ?

[iBird Rose]

Максим Жаров: ну.. во всяком случае я не знаю как исправить)

[Максим]

iBird Rose: я тоже голову ломал , очень долго и тщетно , спс за отклик

Answer 2

[Ankhena]

"поднималась" это "приподнималась"?
так: https://jsfiddle.net/7yojL44k/ ?

Размер тени варьируйте как хотите.
Сдвиг можно делать кучей разных вариантов, за счет margin, border, сдвигов top, transition...