1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
| .border_gradient {
background-color: transparent;
border: 3px solid #ddccb5;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddccb5', endColorstr = '#ddccb5');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ddccb5', endColorstr = '#ddccb5')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ddccb5, #ddccb5);
background-image: -ms-linear-gradient(top, #ddccb5, #ddccb5);
background-image: -o-linear-gradient(top, #ddccb5, #ddccb5);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ddccb5), to(#ddccb5));
background-image: -webkit-linear-gradient(top, #ddccb5, #ddccb5);
background-image: linear-gradient(top, #ddccb5, #ddccb5);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
opacity: 1.0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 100);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
} |
Partager