CSS transition fade element?

You can hook the transitionEnd event and then when the fade finishes you can set display: none in that event handler. Or, you can use a different type of transition that ends with the element taking no space (such as transitioning the height to 0).

You can hook the transitionEnd event and then when the fade finishes you can set display: none in that event handler. Or, you can use a different type of transition that ends with the element taking no space (such as transitioning the height to 0). To hook the end of the transition, you'd use something like this: // for webkit browsers node.

AddEventListener('webkitTransitionEnd', function() { // set to display: none here }, false).

Set a javascript timeout at 0.5s and then just add the extra css EDIT: function remove() {var element = document. GetElementsByClassName(fade); element.style. Display="none"; }; setTimeout ( "remove()", 500 ); Something like that :p.

Don't use JS for this. It doesn't utilize the GPU and it's not COOL. This is what you are after: CSS3 transitions + display none + prevent overscroll.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.