css transitions on new elements

Question

I cannot find a way to use css transitions on newly created dom elements.

let\'s say I have an empty html document.

Answer 1

requestAnimationFrame() (https://developer.mozilla.org/en-US/docs/Web/API/window.requestAnimationFrame) appears to work across Firefox, Chrome and Safari. A more reliable, logical solution that setTimeout(). For older browsers (IE8), it will require a Polyfill (naturally, the transition won't occur, but the CSS will still change).