Vendor Prefixes are Getting Ridiculous
Published Friday 15th of April 2011
$chat-user-box {
background-color: #e9f2f8;
background-image: -moz-linear-gradient(top, #e9f2f8, #dae9f4); /* FF3.6 */
background-image: -ms-linear-gradient(top, #e9f2f8, #dae9f4); /* IE10 */
background-image: -o-linear-gradient(top, #e9f2f8, #dae9f4); /* Opera 11.10+ */
background-image: -webkit-gradient(linear, left top, left bottom, from(#e9f2f8), to(#dae9f4)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #e9f2f8, #dae9f4); /* Chrome 10+, Saf5.1+ */
background-image: linear-gradient(top, #e9f2f8, #dae9f4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e9f2f8', EndColorStr='#dae9f4'); /* IE6–IE9 */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-o-background-clip: padding-box;
-ms-background-clip: padding-box;
background-clip: padding-box;
position: relative;
margin: 0 0 4px;
padding: 5px 5px 5px 45px;
border: 1px solid #a3b5d9;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-o-border-top-right-radius: 5px;
-o-border-bottom-right-radius: 5px;
-ms-border-top-right-radius: 5px;
-ms-border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
FFS
- Tags
- Comments
- 1 comments
Bookmark this Article