Friday, March 26th, 2010
CSS Raindrops; Sean Martell whizzes into the CSS logo game
Category: CSS
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:
CSS:
-
-
background: -moz-linear-gradient(top, rgba(245,245,245,1), rgba(205,205,205,1));
-
-
-moz-border-radius: 100%;
-
-
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%);
-
-
// etc
-
In Firefox 3.6+ give it a whirl (only works with -moz-* right now, but instead of complaining, port it? :)
Related Content:
1.6 rating from 51 votes
Works fine in Chromium as well… apparently it supports -moz-* syntax!