CodePen

Loading ..................

MacOS Beach Ball in Pure CSS

Description

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

Tags

  1. color
  2. rgb
  3. css
  4. wheel
  5. gradient

Comments

  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

    :D

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

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

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

Leave a Comment Markdown supported. Double-click names to add to comment.

You must be logged in to comment.
  • 2565 Views
  • 7 Comments
  • 24 Hearts
Loading...
Loading...