I\'ve got some element I want to fade with CSS3. It can be simply done by 2 classes with opacity: 0 and opacity: 1, b
opacity: 0
opacity: 1
Instead of display:none, try using visibility: hidden;
display:none
visibility: hidden;
FIDDLE
See this article which states:
visibility animates despite the CSS Basic Box Model spec saying “Animatable: no”