CSS3 – Transition on DOM Removal
Create another CSS animation called fadeOut, say. Then when you want to remove the element, change the animation property on the element to that new animation, and use the animationend event to trigger the actual removal of the element once the animation is done: $(‘.hide’).click(function() { if (!$(this).hasClass(‘disabled’)) { $(‘#fill’).css(‘-webkit-animation’, ‘fadeOut 500ms’); $(‘#fill’).bind(‘webkitAnimationEnd’,function(){ $(‘#fill’).remove(); $(‘.show, … Read more