This page lists all CSS properties and indicates if and how they are animatable.
Animations  

Property  Animatable 
animation 
no 
animationdelay 
no 
animationdirection 
no 
animationduration 
no 
animationfillmode 
no 
animationiterationcount 
no 
animationname 
no 
animationplaystate 
no 
animationtimingfunction 
no 
Transitions  
Property  Animatable 
transition 
no 
transitiondelay 
no 
transitionduration 
no 
transitionproperty 
no 
transitiontimingfunction 
no 
Transforms  
Property  Animatable 
transform 
yes, as a transform 
transformorigin 
yes, as a simple list of a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
transformstyle 
no 
perspective 
yes, as a length 
perspectiveorigin 
yes, as a simple list of a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
backfacevisibility 
no 
Color  
Property  Animatable 
color 
yes, as a color 
opacity 
yes, as a number 
Columns  
Property  Animatable 
columns 
as each of the properties of the shorthand: 
columnwidth 
yes, as a length 
columncount 
yes, as an integer 
columngap 
yes, as a length 
columnrule 
as each of the properties of the shorthand: 
columnrulecolor 
yes, as a color 
columnrulestyle 
no 
columnrulewidth 
yes, as a length 
breakbefore 
no 
breakafter 
no 
breakinside 
no 
columnspan 
no 
columnfill 
no 
Text  
Property  Animatable 
hyphens 
no 
letterspacing 
yes, as a length 
wordwrap 
no 
overflowwrap 
no 
texttransform 
no 
tabsize 
no (This may change before the specification reaches Candidate Recommendation) 
textalign 
no 
textalignlast 
no 
textindent 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
direction 
no 
whitespace 
no 
wordbreak 
no 
wordspacing 
yes, as a length 
Text decorations  
Property  Animatable 
textdecoration 
as each of the properties of the shorthand:

textdecorationcolor 
yes, as a color 
textdecorationstyle 
no 
textdecorationline 
no 
textdecorationskip 
no 
textshadow 
yes, as a shadow list 
textunderlineposition 
no 
Flexible boxes  
Property  Animatable 
aligncontent 
no 
alignitems 
no 
alignself 
no 
flexbasis 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
flexdirection 
no 
flexflow 
no 
flexgrow 
yes, as a number, except between 0 and other values 
flexshrink 
yes, as a number, except between 0 and other values 
flex 
as each of the properties of the shorthand:

flexwrap 
no 
justifycontent 
no 
order 
yes, as an integer 
Background & Borders  
Property  Animatable 
background 
as each of the properties of the shorthand:

backgroundattachment 
no 
backgroundclip 
no 
backgroundcolor 
yes, as a color 
backgroundimage 
no 
backgroundorigin 
no 
backgroundposition 
yes, as a repeatable list of a simple list of a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
backgroundrepeat 
no 
backgroundsize 
yes, as a repeatable list of a simple list of a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. . This means keyword values are not animatable. 
border 
as each of the properties of the shorthand:

borderbottom 
as each of the properties of the shorthand: 
borderbottomcolor 
yes, as a color 
borderbottomleftradius 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
borderbottomrightradius 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
borderbottomstyle 
no 
borderbottomwidth 
yes, as a length 
bordercolor 
as each of the properties of the shorthand: 
borderimage 
no 
borderimageoutset 
no 
borderimagerepeat 
no 
borderimageslice 
no 
borderimagesource 
no 
borderimagewidth 
no 
borderleft 
as each of the properties of the shorthand: 
borderleftcolor 
yes, as a color 
borderleftstyle 
no 
borderleftwidth 
yes, as a length 
borderradius 
as each of the properties of the shorthand:

borderright 
as each of the properties of the shorthand: 
borderrightcolor 
yes, as a color 
borderrightstyle 
no 
borderrightwidth 
yes, as a length 
borderstyle 
no 
bordertop 
as each of the properties of the shorthand: 
bordertopcolor 
yes, as a color 
bordertopleftradius 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
bordertoprightradius 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
bordertopstyle 
no 
bordertopwidth 
yes, as a length 
borderwidth 
as each of the properties of the shorthand: 
Box Model  
Property  Animatable 
boxdecorationbreak 
no 
boxshadow 
yes, as a shadow list 
margin 
yes, as a length 
marginbottom 
yes, as a length 
marginleft 
yes, as a length 
marginright 
yes, as a length 
margintop 
yes, as a length 
padding 
yes, as a length 
paddingbottom 
yes, as a length 
paddingleft 
yes, as a length 
paddingright 
yes, as a length 
paddingtop 
yes, as a length 
boxsizing 
no 
maxheight 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
minheight 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
height 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
maxwidth 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
minwidth 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
width 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
overflow 
no 
overflowx 
no 
overflowy 
no 
visibility 
yes, as a visibility 
Table  
Property  Animatable 
bordercollapse 
no 
borderspacing 
no 
captionside 

emptycells 
no 
tablelayout 
no 
verticalalign 
yes, as a length 
Positioning  
Property  Animatable 
bottom 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
left 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
right 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
top 
yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers. 
float 
no 
clear 
no 
position 
no 
zindex 
yes, as an integer 
Fonts  
Property  Animatable 
font 
as each of the properties of the shorthand:

fontfamily 
no 
fontvariant 
no 
fontvariantligatures 
no 
fontweight 
yes, as a font weight 
fontstretch 
yes, as a font stretch 
fontsize 
yes, as a length 
lineheight 
yes, as a number, a length 
fontfeaturesettings 
no 
fontsizeadjust 
yes, as a number 
fontstyle 
no 
Images  
Property  Animatable 
imagerendering 
no 
imageorientation 
no 
Counters & Lists  
Property  Animatable 
counterincrement 
no 
counterreset 
no 
liststyle 
no 
liststyleimage 
no 
liststyleposition 
no 
liststyletype 
no 
Page  
Property  Animatable 
orphans 
no 
pagebreakafter 
no 
pagebreakbefore 
no 
pagebreakinside 
no 
widows 
no 
User interface  
Property  Animatable 
outline 
as each of the properties of the shorthand: 
outlinecolor 
yes, as a color 
outlinewidth 
yes, as a length 
outlinestyle 
no 
outlineoffset 
yes, as a length 
cursor 
no 
resize 
no 
textoverflow 
no 
Generated content  
Property  Animatable 
content 
no 
quotes 
no 
Miscellaneous  
Property  Animatable 
clip 
yes, as a rectangle 
display 
no 
unicodebidi 
no 
imemode 
no 
all 
as each of the properties of the shorthand (all properties but unicodebidi and direction ) 
Compositing and Blending  
Property  Animatable 
backgroundblendmode 
no 
mixblendmode 
no 
Document Tags and Contributors
Last updated by:
Sheppy,