Update: Many more spinners on codepen: http://codepen.io/Keyamoon/pen/aHxuq
See the live version of this shot here.
A vector loading wheel made using CSS3 animations and an icon font (IcoMoon).
almost 2 years ago
Woah. Trippy. I think it's spinning off axis a tiny bit? Hardly noticable though. Have you tried setting -(insert browser here)-transform-origin?
@Sam Mularczyk Hmm it doesn't look off-axis to me. The center of the bounding box of the loading wheel is the same as its spinning axis. That means I would have to set transform-origin to 50% 50% which is the default value :)
Probably just my eyes playing tricks on me then :) I had to play with CSS rotation for a project a little while ago and I grew to resent it HEAVILY
Love this. I can totally picture it's animation.
6 months ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.