You mean the element is moved offscreen, and has display: none; applied? And now you want to move it onscreen. Do it entirely css. if you use a have a keyfram

You mean the element is moved offscreen, and has display: none; applied? And now you want to move it onscreen. Do it entirely css. if you use a have a keyframe animation applied and remove display:none on clicking. The animation will fire immediately. Unlike trying to transition it without using keyframes. example: https://jsfiddle.net/mr029o7h/ https://jsfiddle.net/mr029o7h/ (sorry if its a bit messy haven't done this for a while)