Simple (?) CSS Animation of Opacity Property

liposuction

New Member
Ok, I don't get this. I've done CSS3 animations before, but for some reason simply animating the opacity isn't working for me today. Am I missing something silly?CSS:\[code\]@-webkit-keyframes fadein { from: { opacity: 0; } to: { opacity: 1; }}@-moz-keyframes fadein { from: { opacity: 0; } to: { opacity: 1; }}@keyframes fadein { from: { opacity: 0; } to: { opacity: 1; }}#foo { background-color: green; color: white; -webkit-animation: fadein 2s ease-in alternate infinite; -moz-animation: fadein 2s ease-in alternate infinite; animation: fadein 2s ease-in alternate infinite;}\[/code\]HTML:\[code\]<div id="foo">This is Foo!</div>\[/code\]I've also posted it as a fiddle:http://jsfiddle.net/NRutman/Lcyvy/Any help would be appreciated.Thanks,-Nate
 
Back
Top