Permalink
Fetching contributors…
Cannot retrieve contributors at this time
48 lines (38 sloc) 1.29 KB

Vendor prefixes for properties, functions, @-rules and even full declarations are automatically generated – based on trusted sources – so you can maintain cross-browser support while keeping your source code clean and easy to maintain.

In some cases (e.g. CSS3 gradients) final syntax is incompatible with older prefixed syntax. In these cases the old syntax is polyfilled so you can use the correct syntax while preserving full support for older implementations.

.foo {
  background: linear-gradient(to right, red, white);
}
.foo {
  background: -webkit-linear-gradient(left, red, white);
  background: -moz-linear-gradient(left, red, white);
  background: linear-gradient(to right, red, white);
}
@keyframes bounce {
  50% { transform: scale(1.4); }
}
@-webkit-keyframes bounce {
  50% {-webkit-transform: scale(1.4);
               transform: scale(1.4);}
}
@-moz-keyframes bounce {
  50% {-moz-transform: scale(1.4);
            transform: scale(1.4);}
}
@keyframes bounce {
  50% {-webkit-transform: scale(1.4);
          -moz-transform: scale(1.4);
           -ms-transform: scale(1.4);
               transform: scale(1.4);}
}