I am having the identical problem as this OP---I followed everyone's advice, and started with a fresh file, just to check for syntax errors.
This is what mine looks like:
I'm sure everyone can see that the "color coding" of the actual code indicates a problem, beginning with the "@-webkit" rule, itself (where the "@" does not appear uniform with the rest of the identifier in light blue, as I assume it should).
So, my question is, "Why?". Can anyone else testify to his/ her success using the CSS animation property in Notepad++?
I really don't feel like busting out the JS to do a simple line animation. Not when this new CSS rule seems so simple and easy to incorporate.