Gets or sets one or more shorthand values that specify the transition properties for a set of corresponding object properties identified in the transition-property property.
This property is read/write.
 |
Syntax
transition: [ transition-property || transition-duration || transition-timing-function || transition-delay ] [ , [ transition-property || transition-duration || transition-timing-function || transition-delay ] ] *
Property values
One or more sets of any of the following transition properties. Within each set, properties are space-delimited. Each set is separated by a comma.
- transition-property
-
Value of the transition-property property.
- transition-duration
-
Value of the transition-duration property.
- transition-timing-function
-
Value of the transition-timing-function property.
- transition-delay
-
Value of the transition-delay property.
CSS information
| Applies To | all elements, :before and :after pseudo elements |
|---|---|
| Media | interactive |
| Inherited | no |
| Initial Value | see individual properties |
Remarks
Do not use the Microsoft vendor prefix ("-ms-") before the transition properties. They are supported unprefixed in Internet Explorer 10 and later.
To learn more about Cascading Style Sheets (CSS) transitions in Windows Internet Explorer, see How to bring your webpage to life with CSS transforms, transitions, and animations.
See also
- CSSStyleDeclaration
- currentStyle
- style
- a
- abbr
- acronym
- b
- bdo
- big
- br
- cite
- code
- dfn
- em
- i
- img
- input
- kbd
- label
- q
- samp
- select
- small
- span
- strong
- sub
- sup
- textArea
- tt
- var
- address
- blockQuote
- div
- dl
- fieldSet
- form
- noFrames
- noScript
- ol
- p
- pre
- table
- ul
- dd
- dt
- li
- tBody
- td
- tFoot
- th
- tHead
- tr
- button
- del
- ins
- map
- object
- script
- How to bring your webpage to life with CSS transforms, transitions, and animations
Send comments about this topic to Microsoft
Build date: 11/29/2012
