How to add item with such an effect that when hovering it rose?

Do not know how to really explain it, but I would like to hover mouse on the photo, she rose. No idea how it works, maybe it's just a shadow or something, I hope for your help
July 2nd 19 at 17:48
2 answers
July 2nd 19 at 17:50
Solution
put on hover for the img margin-top: -10px; for example. and do not forget to specify the transition
https://jsfiddle.net/sgLh8m4j/
how many times I saw that when you hover any image, it will lyricsa , you don't know how to avoid it ? -webkit- - Caesar.Keeli commented on July 2nd 19 at 17:53
Yes. know. but this is apparent only in chrome. in other browsers it or faint or even not visible. so it's just rendering the dom and to do so at chromium - Rosendo_Hess commented on July 2nd 19 at 17:56
: not correctable ? - Caesar.Keeli commented on July 2nd 19 at 17:59
: well.. anyway I don't know how to fix) - Rosendo_Hess commented on July 2nd 19 at 18:02
: I also broke the head , very long and vainly , thank you for the response - Caesar.Keeli commented on July 2nd 19 at 18:05
July 2nd 19 at 17:52
Solution
"up" is "raised"?
so: https://jsfiddle.net/7yojL44k/ ?

The size of the shadow vary as you wish.
Shift you can do a bunch of different options, at the expense of margin, border, change top, transition...

Find more questions by tags Web DevelopmentCSS