jmurph333 Posted May 15, 2010 Share Posted May 15, 2010 I am experimenting with CSS3 and the Bounce Animation. I was tesing it out and I used the W3Schools "Try It" Page to do so, and it did not work. Here is my code: <html><style type="text/css">@-webkit-keyframes bounce { from { left: 0px; } to { left: 200px; }}div { -webkit-animation-name: bounce; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 10; -webkit-animation-direction: alternate;}</style><body><div><img src="/images/pulpit.jpg" alt="img"></div></body></html> Any Obvious problems? I tried it out here: http://w3schools.com/html/tryit.asp?filename=tryhtml_introThanks in advance! Link to comment Share on other sites More sharing options...
Synook Posted May 16, 2010 Share Posted May 16, 2010 As the CSS indicates, the effect is Webkit (Safari, Chrome) only, and not an actual CSS3 property. What browser were you using? Otherwise, it works, however you may need to add position:relative; to the CSS rules for the division to get it to do what you expect it to. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.