With experimental CSS properties, it's normally necessary to use a vendor 'stack'. In a worst-case scenario, that means adding a vendor prefix version of a property for every vendor that support is necessary for.

Here is a (non-working) example with a vendor prefix for WebKit (Chrome, Safari, and now Opera too), Mozilla (Firefox), Microsoft (Internet Explorer), Opera (legacy versions), and finally the non-prefixed (official W3C) version:

.example {
  -webkit-property: 1px;
  -moz-property: 1px;
  -ms-property: 1px;
  -o-property: 1px;
  property: 1px;
}

In reality, different vendors are seldom at the same point of implementing experimental CSS features. Although it may be necessary to provide a vendor prefix for one vendor, it may not be for another.

To exemplify this, while Internet Explorer 9 had no support for CSS gradients (http://www.w3.org/TR/css3-images/#gradients), Internet Explorer 10 supports the official un-prefixed version. Therefore...