The transition-property lists the CSS properties of the element that should be transitioned. The different possible values are all (all the properties are animated by a transition), none(no properties are animated by a transition), or a specific property.

Properties that can be made to transition include background, border, and box model properties. You can transition font sizes and weights, but not font families.

■ background-color and background-position
■ border-color, border-spacing, and border-width
■ bottom, top, left, and right
■ clip
■ color
■ crop
■ font-size and font-weight
■ height and width
■ letter-spacing
■ line-height
■ margin
■ max-height, max-width, min-height, and min-width
■ opacity
■ outline-color, outline-offset, and outline-width
■ padding
■ text-indent
■ text-shadow
■ vertical-align
■ visibility
■ word-spacing
■ z-index

#ad2 h1 span {
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
CSS3 Transforms and Transitions 185
-o-transition-property: -o-transform;
transition-property: transform;
Related Tutorial
Follow Us #