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
To learn more about Cascading Style Sheets (CSS) transitions in a Windows Store app using JavaScript, see How to bring your webpage to life with CSS transforms, transitions, and animations.
See also
- CSSStyleDeclaration
- currentStyle
- style
- a
- abbr
- b
- bdo
- br
- cite
- code
- em
- i
- img
- input
- kbd
- label
- q
- samp
- select
- small
- span
- strong
- sub
- sup
- textArea
- var
- address
- blockQuote
- div
- dl
- fieldSet
- form
- 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
Build date: 11/29/2012
