English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS Reference Manual

CSS @rules

Complete CSS Properties

CSS Animation Properties

The following section lists the animatable properties that can be set in CSS.

CSS3in

The following section includes animation properties that belong to the latest CSS3A complete list of animatable properties that can be set according to the specification. All properties are listed in alphabetical order.

PropertiesAnimatableTest
backgroundView all propertiesExample
background-colorAs a colorExample
background-positionAs a repeatable list of length, percentage, or calc()Example
background-size As a repeatable list of length, percentage, or calc()Example
borderView all propertiesExample
border-bottomView all propertiesExample
border-bottom-colorAs a colorExample
border-bottom-left-radius As a length, percentage, or calc()Example
border-bottom-right-radius As a length, percentage, or calc()Example
border-bottom-widthAs a lengthExample
border-colorAs a colorExample
border-leftView all propertiesExample
border-left-colorAs a colorExample
border-left-widthAs a lengthExample
border-radius View all propertiesExample
border-rightView all propertiesExample
border-right-colorAs a colorExample
border-right-widthAs a lengthExample
border-spacingAs a simple list of lengthExample
border-topView all propertiesExample
border-top-colorAs a colorExample
border-top-left-radius As a length, percentage, or calc()Example
border-top-right-radius As a length, percentage, or calc()Example
border-top-widthAs a lengthExample
bottomAs a length, percentage, or calc()Example
box-shadow As a shadow listExample
clipAs a rectangleExample
colorAs a colorExample
column-count As an integerExample
column-gap As a lengthExample
column-rule View all propertiesExample
column-rule-color As a colorExample
column-rule-width As a lengthExample
column-width As a lengthExample
columns View all propertiesExample
flex View all propertiesExample
flex-basis As a length, percentage, or calc()Example
flex-grow As a numberExample
flex-shrink As a numberExample
fontView all propertiesExample
font-sizeAs a lengthExample
font-size-adjust As a numberExample
font-stretch As font stretchExample
font-weightAs font weightExample
heightAs a length, percentage, or calc()Example
leftAs a length, percentage, or calc()Example
letter-spacingAs a lengthExample
line-heightAs a number or lengthExample
marginAs a lengthExample
margin-bottomAs a lengthExample
margin-leftAs a lengthExample
margin-rightAs a lengthExample
margin-topAs a lengthExample
max-heightAs a length, percentage, or calc()Example
max-widthAs a length, percentage, or calc()Example
min-heightAs a length, percentage, or calc()Example
min-widthAs a length, percentage, or calc()Example
opacity As a numberExample
order As an integerExample
outlineView all propertiesExample
outline-colorAs a colorExample
outline-offset As a lengthExample
outline-widthAs a lengthExample
paddingAs a lengthExample
padding-bottomAs a lengthExample
padding-leftAs a lengthExample
padding-rightAs a lengthExample
padding-topAs a lengthExample
perspective As a lengthExample
perspective-origin As a simple list of length, percentage, or calc()Example
rightAs a length, percentage, or calc()Example
text-decoration-color As a colorExample
text-indentAs a length, percentage, or calc()Example
text-shadow As a shadow listExample
topAs a length, percentage, or calc()Example
transform As a transformationExample
transform-origin As a simple list of length, percentage, or calc()Example
vertical-alignAs a lengthExample
visibilityVisibilityExample
widthAs a length, percentage, or calc()Example
word-spacingAs a lengthExample
z-indexAs an integerExample