Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.


Properties that are animatable specify numeric values or other values such as colors and various functions that compute to numeric values. Keyword values accepted by many properties may also animate. For example, you may use background-position to animate an image from the left edge of an element to the right’. However, you may not animate an element’s text-align property between left and right, because these represent entirely different behaviors with no intervening states. Some integer-only property values also do not animate, such as z-index and column-count.