Table of contents
- 1. Summary
- 2. Syntax
- 3. Values
- 4. Examples
- 5. Specifications
- 6. Browser compatibility
- 7. See also
« CSS « CSS Reference
Summary
The -moz-transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.
Note: The set of properties that can be animated is subject to change; as such, you should avoid including any properties in the list that don't currently animate, because someday they might, causing unexpected results.
If you specify a shorthand property (for example, background
, all of its longhand sub-properties that can be animated will be.
Note: This implementation of the CSS
transition-property property is based on a draft specification; the syntax is subject to change.- Initial value
:
all - Applies to: all elements,
:beforeand:afterpseudo elements - Inherited :no
- Media:
visual - Computed value : as specified
Syntax
-moz-transition-property: none | all | [<property-name>][, <property-name>]*
Values
- none
- No properties will transition.
- all
- All properties that can have an animated transition will do so.
- property-name
- A property to which a transition effect should be applied when its value changes.
Examples
There are several examples of CSS transitions included in the main CSS transitions article.
Specifications
- CSS Transitions Module Level 3 (Working Draft)
Browser compatibility
| Browser | Lowest Version |
|---|---|
| Internet Explorer | --- |
| Firefox (Gecko) | 4.0 (2.0) |
| Opera | --- |
| Safari (WebKit) | nightly, don't know version |