CSS Browser Support

Not all CSS features are supported by all browsers. It's crucial to check compatibility.

How to Check Support

We recommend using resources like Can I use to check the latest browser support tables.

Vendor Prefixes

Sometimes you need to use vendor prefixes for experimental features:

-webkit- (Chrome, Safari, newer versions of Opera)
-moz- (Firefox)
-o- (Old versions of Opera)
-ms- (Internet Explorer)

Example

/* Example with vendor prefixes */
.element {
  -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
  -moz-transform: rotate(20deg);    /* Firefox */
  -ms-transform: rotate(20deg);     /* IE 9 */
  transform: rotate(20deg);         /* Standard syntax */
}