Takes up some 4% of one core on my Core2 Duo Mac Mini with Safari. Which is entirely too much.
As I understand it this is a mis-appropriation of CSS3 and HTML. What really should be used for animating graphics is the HTML5 Canvas. After all the purpose here is resource generation, and not altering the presentation of a document.
Running Safari 4 on the mac and it runs great ;/ Thats whats annoying about this CSS stuff you never know if it will work. Hoping HTML5 will start moving forward.
anti-aliased: that just made me test something, and yep, it also scales with zooming the page, which completely eclipses using GIFs to do things this can do. Hooray non-pixellation!
Because making animated GIFs is frackin' hard for non-artsy-types (and even then, they're not easy), and they can't be modified easily or quickly compared to this.
edit: imagine, for example, making 100 different GIFs to handle spinners all over where you want different colors, different sizes, speeds, etc etc. With this, it's just a stylesheet tweak, and they cascade so you can base it off what it's in.
Oh god. I just went there, selected some options, hit "generate it!" and waited patiently for a few minutes before I realized that I was staring at the very spinner I had requested.
Besides from the fact that it is only Firefox and Webkit specific for now and the apparent crashes that some of you have noted here, I was actually kind of surprised at how well this (visually) turned out.
