# Property Description

The -webkit-transition-property property specifies the names of CSS properties to which a transition effect should be applied.

This property has the following syntax:

    -webkit-transition-property:
      none | all |
      [<property-name>
      [, <property-name>]

# Property Values

Value | Description
--- | ---
none | Specifies that no properties will transition
all | Specifies that all properties that can have an animated transition will do so
property-name | Specifies a property to which a transition effect should be applied when its value changes.

# Animated Properties

The following table lists the properties that can be animated:

Property | Value Type
--- | ---
`background-color` | `<color>`
`background-image` | gradients only (not implemented as of 2010/04/11)
`background-position` | `<percentage>` | `<length>`
`background-size` | `<percentage>` | `<length>`
`border-color` (including sub-properties) | `<color>`
`border-radius` (including sub-properties) | `<percentage>` | `<length>`
`border-width` (including sub-properties) | `<length>`
`border-spacing` | `<length>`
`bottom` | `<percentage>` | `<length>`
`-moz-box-flex` | number
`box-shadow` | shadow
`color` | `<color>`
`clip` | rectangle
`fill` | paint
`fill-opacity` | opacity-value
`flood-color` | `<color>` | keywords
`font-size` | `<percentage>` | `<length>`
`font-size-adjust` | number, keywords
`font-stretch` | keywords
`font-weight` | number | keywords (excluding `bolder`, `lighter`)
`height` | `<percentage>` | `<length>`
`-moz-image-region` | `rect()`
`left` | `<percentage>` | `<length>`
`letter-spacing` | `<length>`
`lighting-color` | `<color>` | keywords
`line-height` | number | `<percentage>` | `<length>`
`margin` (including sub-properties) | `<length>`
`marker-offset` | `<length>`
`max-height` | `<percentage>` | `<length>`
`max-width` | `<percentage>` | `<length>`
`min-height` | `<percentage>` | `<length>`
`min-width` | `<percentage>` | `<length>`
`opacity` | number
`outline-color` | `<color>`
`outline-offset` | integer
`outline-width` | `<length>`
`padding` (including sub-properties) | `<length>`
`right` | `<percentage>` | `<length>`
`stop-color` | `<color>` | keywords
`stop-opacity` | opacity-value
`stroke` | paint
`stroke-dasharray` | dasharray
`stroke-dashoffset` | `<percentage>` | `<length>`
`stroke-miterlimit` | miterlimit
`stroke-opacity` | opacity-value
`stroke-width` | `<percentage>` | `<length>`
`text-indent` | `<percentage>` | `<length>`
`text-shadow` | shadow
`top` | `<percentage>` | `<length>`
`vertical-align` | `<percentage>` | `<length>`, keywords
`visibility` | visibility
`width` | `<percentage>` | `<length>`
`word-spacing` | `<percentage>` | `<length>`
`z-index` | integer

# Browser Support

Firefox | IE | Chrome | Opera | Safari

# Miscellaneous Information

Inherited: | No
Defined In: | Webkit Specific
Initial Value: | all
Applies To: | All elements, :before and :after pseudo elements