CSS Animatable Properties:
Browser support

(A collaboration with Rodney Rehm)

Rodney Rehm made tests to check the browser support of all the CSS animatable properties as part of his epic article CSS Transitions — Thank God We Have A Specification! This is a summary of the test results. While we plan to increase coverage, note that only the following browsers have been checked so far:

The generated test tables also cover the following browsers:

Properties IE Firefox Safari Chrome Opera
background-color Show info 10 21 6 24 12.12
background-image Show info 10 Fail - 6 Fail 24 Fail -
background-position Show info 10 Warning 21 6 Warning 24 Warning 12.12
background-size Show info - - - - -
border-top-color etc Show info 10 21 6 24
  • 12 Warning
  • 12.12
border-top-right-radius etc Show info 10 21 6 24 12.12
border-top-width etc Show info 10 21 6 24
  • 12 Warning Fail
  • 12.12
bottom Show info 10 21 6 24
  • 12 Warning
  • 12.12
box-shadow Show info 10 21 6 Warning 24 Warning 12.12
clip Show info 10 21 6 24 12.12
color Show info 10 Warning 21 Warning 6 24 12.12 Warning
column-count Show info - 21 6 24 12.12
column-gap Show info - 21 6 24 12.12
column-rule-color Show info - 21 6 24 12.12
column-rule-width Show info - 21 6 24 12.12
column-width Show info - 21 6 24 12.12
crop - - - - -
display Show info - - - - -
font-size Show info 10 21 6 24 12.12 Warning
font-size-adjust Show info - 21 - - -
font-stretch Show info - 21 - - -
font-weight Show info 10 21 - - 12.12
height Show info 10 21 6 24
  • 12 Warning
  • 12.12
left Show info 10 21 6 24
  • 12 Warning
  • 12.12
letter-spacing Show info 10 21 6 24
  • 12 Warning
  • 12.12
line-height Show info 10 21 6 24
  • 12 Warning Fail
  • 12.12
margin-top Show info 10 21 6 24
  • 12 Warning Fail
  • 12.12
marker-offset - 21 - - -
max-height Show info 10 21 6 24
  • 12 Warning Fail
  • 12.12
max-width Show info 10 21 6 24 12.12
min-height Show info 10 21 6 24
  • 12 Warning
  • 12.12
min-width Show info 10 21 6 24
  • 12 Warning
  • 12.12
opacity Show info 10 21 6 24 12
outline-color Show info 10 21 6 24 12.5
outline-offset Show info - 21 6 24 -
outline-width Show info 10 21 6 24 12.5
padding-top etc Show info 10 21 6 24
  • 12 Warning Fail
  • 12.12
position Show info - - - - -
right Show info 10 21 6 24
  • 12 Warning
  • 12.12
text-decoration-color Show info - 21 - - -
text-indent Show info 10 21 6 24
  • 12 Warning Fail
  • 12.12 Fail
text-shadow Show info 10 21 6 24 12.5
top Show info 10 21 6 24
  • 12 Warning Fail
  • 12.12
transform Show info 10 21 6 24
  • 12 Warning
  • 12.12
transform-origin Show info 10 Warning 21 6 Warning 24 Warning
  • 12 Warning
  • 12.12
vertical-align Show info 10 Fail 21 Fail - -
  • 12 Warning Fail
  • 12.12 Fail
visibility Show info 10 21 6 24
  • 12 Warning
  • 12.12
width Show info 10 21 6 24
  • 12 Warning
  • 12.12
word-spacing Show info 10 Fail 21 Fail 6 Fail 24 Fail
  • 12 Warning Fail
  • 12.12 Fail
z-index Show info 10 21 6 24
  • 12 Warning
  • 12.12
zoom Show info 10 - 6 Warning 24 -