If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

I'm always using w3school, and I know the page you are referring to - after all, I patterned my example after those given in the w3school examples. However, this didn't help me in understanding why my example doesn't work.

I did use w3school (actually, I patterened my CSS according to some examples I found there), and I also know the page you mentioned. Still, I don't see what I did wrong in *my* example. Can you spot my error?

Hey, I apologize for my ignorance of not checking to see if your code was along the lines of theirs, I thought you were more so looking for an example to help guide you. From some testing I found that this works on all browsers.

You are declaring the non-CSS3 non W3C vendor specific version for the webkit engine ONLY -- that means your code will only work in Safari and pre-"blink" versions of Chrome. If you see -webkit or -moz or -ms, those are vendor specific implementations, NOT actual specification CSS! Inside your -webkit-keyframes to even work in Safari/Chrome you actually need to say -webkit-transform to have it work in those browsers -- you want it in FF prior to version 21 you need -moz-, and for every other browser you don't use any vendor prefix.

Also beware that keyframes is not supported in IE9/earlier... But really that's all you need to do. -webkit version, -moz version, no prefix version, done.

There are STILL a lot of web-rot tutorials out there that call the vendor prefix versions CSS3, I've seen some that only show the -webkit version as if Safari and Chrome are the only browsers in existence... Bunch of BS.

You are declaring the non-CSS3 non W3C vendor specific version for the webkit engine ONLY

Yes, I know. I thought that for *this* discussion it should not matter, because I am testing it on Chrome right now, so -webkit should be fine. In the final application, I would use SCSS to generate the correct styles for all versions.

I did not know, however, that in this case I also have to use -webkit-transform inside the keyframe! In any case, your example works, and I can continue from there. Thanks a lot.