October 2017
Intermediate to advanced
1090 pages
27h 54m
English
Content preview from CSS: The Definitive Guide, 4th Edition
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
Appendix A. Animatable Properties
Following is a list of animatable properties as given in the CSS Transitions specification. Because this only lists the CSS 2.1 properties that are animatable, it is not complete, but it is illustrative for understanding which kinds of properties are animatable and in what ways, and which properties are not.
| Property name | Interpolation | |
|---|---|---|
| Color | ||
color
|
as color | |
opacity
|
as number | |
| columns | ||
column-width
|
as length | |
column-count
|
as integer | |
column-gap
|
as length | |
column-rule (see longhands)
|
||
column-rule-color:
|
as color | |
column-rule-style:
|
no | |
column-rule-width:
|
as length | |
break-before
|
no | |
break-after
|
no | |
break-inside
|
no | |
column-span
|
no | |
column-fill
|
no | |
| text | ||
hyphens
|
no | |
letter-spacing
|
as length | |
word-wrap
|
no | |
overflow-wrap
|
no | |
text-transform
|
no | |
tab-size
|
as length | |
text-align
|
no | |
text-align-last
|
no | |
text-indent
|
as length, percentage, or calc(); | |
direction
|
no | |
white-space
|
no | |
word-break
|
no | |
word-spacing
|
as length | |
line-break
|
no | |
| Text decorations | ||
text-decoration-color:
|
as color | |
text-decoration-style:
|
no | |
text-decoration-line:
|
no | |
text-decoration-skip
|
no | |
text-shadow
|
as shadow list | |
text-underline-position
|
no | |
| Flexible boxes | ||
align-content
|
no | |
align-items
|
no | |
align-self
|
no | |