The transition-property CSS property sets the CSS properties to which a transition effect should be applied.

Try it

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, as someday they might, causing unexpected results.

If you specify a shorthand property (e.g., background), all of its longhand sub-properties that can be animated will be.


/* Keyword values */
transition-property: none;
transition-property: all;

/* <custom-ident> values */
transition-property: test_05;
transition-property: -specific;
transition-property: sliding-vertically;

/* Multiple values */
transition-property: test1, animation4;
transition-property: all, height, color;
transition-property: all, -moz-specific, sliding;

/* Global values */
transition-property: inherit;
transition-property: initial;
transition-property: revert;
transition-property: revert-layer;
transition-property: unset;



No properties will transition.


All properties that can transition will.


A string identifying the property to which a transition effect should be applied when its value changes.

Formal definition

Initial value all
Applies to all elements, ::before and ::after pseudo-elements
Inherited no
Computed value as specified
Animation type discrete

Formal syntax

transition-property = 
none |

<single-transition-property> =
all |


Simple example

This example performs a four-second font size transition when the user hovers over the element, the transition-property is the font-size.


<a class="target">Hover over me</a>


.target {
  font-size: 14px;
  transition-property: font-size;
  transition-duration: 4s;

.target:hover {
  font-size: 36px;

You will find more examples of transition-property included in the main CSS transitions article.


Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
IDENT_value 1 12 16 10 15 4 ≤37 18 16 14 3 1.0
transition-property 261 1212 49164 1010 1512.111.6–15 93.1 ≤374.4 2618 49164 1412.112–14 92 1.51.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.