5 Oct 2010

CSS3 Cheatsheet

Just thought I'd make a quick little CSS3 cheatsheet for myself since I seem to reuse these elements all the time, even though they aren't fully supported.

Round Corners
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
Shadows
-moz-box-shadow: 0 0 10px #555;
-webkit-box-shadow: 0 0 10px #555;
box-shadow: 0 0 10px #555;
Text Shadows
text-shadow: 0 0 3px #000;
Gradients
background-color: #EEE;
background-image: -moz-linear-gradient(100% 100% 90deg, #CCC, #EEE);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#CCC));