Vector Loading Wheel

Vector-loading-wheel

6 Responses

  1. Keyamoon Keyamoon

    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).

    likes

    almost 2 years ago

  2. Sam Mularczyk Sam Mularczyk

    Woah. Trippy. I think it's spinning off axis a tiny bit? Hardly noticable though. Have you tried setting -(insert browser here)-transform-origin?

    almost 2 years ago

  3. Keyamoon Keyamoon

    @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 :)

    almost 2 years ago

  4. Sam Mularczyk Sam Mularczyk

    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

    almost 2 years ago

  5. Garrett Godsey Garrett Godsey

    Love this. I can totally picture it's animation.

    almost 2 years ago

  6. Riccardo Fala Riccardo Fala

    amazing!

    6 months ago

keyboard shortcuts: previous shot next shot L or F like