Comments on: Sonic & The State Of Spinners

By: Vinícius Ebersol

Vinícius Ebersol — Tue, 09 Apr 2013 12:57:06 +0000

I prefer to use CSS3 rotate event, it’s not fully supported but is possible to replace the background image with a gif for older browsers.

By: James

James — Thu, 04 Apr 2013 20:11:42 +0000

@Ari, I guess that counts as DOM+CSS, nevertheless very cool too!

By: Ari

Ari — Thu, 04 Apr 2013 20:09:50 +0000

what about font+css3?
example is in http://fortawesome.github.com/Font-Awesome/

By: Tony Brown

Tony Brown — Tue, 02 Apr 2013 16:27:59 +0000

spin.js and css spinners work fine for me

By: Craig Patik

Craig Patik — Mon, 01 Apr 2013 11:04:49 +0000

I’ve been using spin.js for a while without any major concerns or issues. It’s tiny and JavaScript/DOM-based (no canvas or CSS3). It works on old browsers (IE6+) and takes advantage of hardware acceleration on newer ones.http://fgnass.github.com/spin.js/

By: James

James — Mon, 01 Apr 2013 07:35:25 +0000

@Tom, Very graceful solution I think. I also found http://cssload.net/ which offers a bunch of CSS3-only spinners. If the animation is possible to make in CSS alone, and you’re not supporting IE9 or below, then I definitely see no problem.

By: Tom

Tom — Mon, 01 Apr 2013 00:55:52 +0000

Would be curious to hear what you think of http://atomeye.com/projects/sass-css-spinner.html — a CSS only spinner. It’s limited to “modern browsers” but seems to work reasonably well.