Is it possible to make slide right up without jquery?

When you hover there are weird jumps as you can do that would they were not.
As well as you can implement on mouse to vozvraschalas seamlessly back and not a sharp jump?
https://codepen.io/4kings/pen/xygeoN
March 12th 20 at 07:59
2 answers
March 12th 20 at 08:01
Solution
March 12th 20 at 08:03
Solution
Transition you need to specify the block, not the block in the hover state. Besides, consider the hover on the parent unit, because due to the fact that the unit leaves from the cursor hover state.
.box:hover .box-inner{
margin-top:-360px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.box-inner{
 transition: all 500ms ease;
}

Find more questions by tags JavaScriptCSS