Posts: 3,985
Name: Abel Mohler
Location: Asheville, North Carolina USA
|
As a general rule, if it will degrade gracefully in browsers that don't support a rule, it is okay to use that rule. For example, there are -moz and -webkit versions of CSS3 rounded corners:
Code:
.rounded {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
Is fine, as long as it looks tolerable without rounded corners, because there is no IE equivalent. If it is absolutely essential to the design, images should be used.
Opacity may be used right now, though it must be accompanied with its equivalent Microsoft filter:
Code:
.semi-transparent {
opacity: .5;
filter: alpha(opacity=50);
}
The most widely implemented CSS3 declaration that I can think of, though it is rarely used, is the first-letter psuedoselector:
Code:
p.intro:first-letter {
font-size: 2em;/*large first letter*/
}
This is even supported by IE6.
Last edited by wayfarer07; 07-15-2009 at 05:30 PM..
|