I'm trying to fade in a div using CSS3 only. The CSS code I currently have written is:
@-webkit-keyframes FadeIn
{
0%
{
opacity:0;
}
100%
{
opacity:1;
}
}
#example
{
-webkit-animation-name:FadeIn;
-webkit-animation-timing-function:ease-in;
-webkit-animation-duration:2s;
}
This fades works in Google Chrome but not in Firefox, Internet Explorer or Opera (as I expect).
How can expand on this code using CSS3 code to support Firefox, Internet Explorer and Opera etc?