On Nov 27, 2012, at 8:19 AM, Bartosz DziewoƄski <matma.rex@gmail.com> wrote:

-- Matma Rex


2012/11/26 Pau Giner <pginer@wikimedia.org>:
I polished the technique a bit more to solve previous issues:
http://dl.dropbox.com/u/30377416/design/loading-indicator/loading-gradient.html

Pau, you are missing an unprefixed @keyframes rule, without which this
won't work on Opera:

@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

After it's added, it works nicely.


Also the ms prefix seems bogus, afaik IE <= 9 doesn't support it at all. And IE10 supports unprefixed.

http://caniuse.com/#feat=css-animation

I'd drop -ms and -moz, keep -webkit and add unprefixed.

-- Krinkle