cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen
user profile image

Color wheel in pure CSS simulating the Beach Ball of Death.

This Pen is a fork, but the parent Pen has been deleted.


  1. You should remove overflow: hidden from .wheel. Looks waaaay better. :)

  2. Thank you, @HugoGiraudel, really looks better, but the goal was to make it as similar to the MacOS loading (http://d.pr/5ioU) :P

  3. Don't mean to be a downer (because I love your gradients) but I believe the Mac Beachball doesn't spin, there's an overlay on top that spins? http://upload.wikimedia.org/wikipedia/en/3/3d/WaitCursor-300p.gif


  4. Yeeeep, I know @simeydotme. I will improve coming soon with the overlay, thank you! ;)

  5. You gave me nightmares

  6. Can't wait to see the final product :D (pleeeeease make it flexible too (em/rem units?) ;) follows

  7. Truly... few things are with px, I'll switch to em. Good suggestions, @simeydotme! Thank you, dude

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.