Friday, March 26th, 2010

CSS Raindrops; Sean Martell whizzes into the CSS logo game

Category: CSS

<p>Sean is awesome, and his latest magic is in the Raindrop logo that he has “ported” to CSS (inspired by the Opera logo by David Desandro.)

The fun is in this CSS where you will see a whole lot of gradients, and in seeing Sean’s cheat sheet on the various layers:

  1. background: -moz-linear-gradient(top, rgba(245,245,245,1), rgba(205,205,205,1));
  2.  
  3. -moz-border-radius: 100%;
  4.  
  5. background: transparent -moz-radial-gradient(50% 50%, ellipse farthest-corner, rgba(0,0,0,0) 0%, rgba(0,105,149,0.4) 37%, rgba(80,80,80,0.1) 47%, rgba(80,80,80,0) 58%);
  6.  
  7. // etc

In Firefox 3.6+ give it a whirl (only works with -moz-* right now, but instead of complaining, port it? :)

Posted by Dion Almaer at 10:46 am
1 Comment

+----
1.7 rating from 52 votes

1 Comment »

Comments feed TrackBack URI

Works fine in Chromium as well… apparently it supports -moz-* syntax!

Comment by Cybolic — March 30, 2010

Leave a comment

You must be logged in to post a comment.