In an attempt to incorporate CSS3 animations for fading elements in during page load, I am faced with the challenge of setting the element to display: none;
and then back to display: block;
.
My goal is to exclusively apply the CSS3 animation upon the initial loading of the element, without relying on changes in display property. Is there a way to achieve this without necessitating JavaScript to track the completion of the animation? You can view my JS Fiddle demo here.