Skip to content

Instantly share code, notes, and snippets.

@jmreidy
Created March 9, 2010 16:44
Show Gist options
  • Save jmreidy/326775 to your computer and use it in GitHub Desktop.
Save jmreidy/326775 to your computer and use it in GitHub Desktop.
/* -------------------------------------------------------------
CSS3, Please! The Cross-Browser CSS3 Rule Generator
===================================================
From css3please.com
------------------------------------------------------------- */
.box_round {
-moz-border-radius: 12px; /* FF1+ */
-webkit-border-radius: 12px; /* Saf3+, Chrome */
border-radius: 12px; /* Opera 10.5, IE 9 */
}
.box_shadow {
-moz-box-shadow: 0px 0px 4px #ffffff; /* FF3.5+ */
-webkit-box-shadow: 0px 0px 4px #ffffff; /* Saf3.0+, Chrome */
box-shadow: 0px 0px 4px #ffffff; /* Opera 10.5, IE 9.0 */
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#ffffff'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#ffffff')"; /* IE8 */
}
.box_gradient {
background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#999999'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#999999')"; /* IE8 */
}
.box_rgba {
background-color: #B4B490;
background-color: rgba(180, 180, 144, 0.6); /* FF3+, Saf3+, Opera 10.10+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AN0F4F31',endColorstr='#AN0F4F31'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#AN0F4F31',endColorstr='#AN0F4F31')"; /* IE8 */
}
.box_rotate {
-moz-transform: rotate(7.5deg); /* FF3.5+
-o-transform: rotate(7.5deg); /* Opera 10.5
-webkit-transform: rotate(7.5deg); /* Saf3.1+, Chrome
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8
}
@font-face {
font-family: 'WebFont';
src: url('myfont.eot'); /* IE6+ */
src: local('☺'),
url('myfont.woff') format('woff'), /* FF3.6 */
url('myfont.ttf') format('truetype'); /* Saf3+,Chrome,Opera10+ */
}
/*
© 2010; a Paul Irish and Jonathan Neal joint, in association w/ Boaz Sender
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment