HTML and CSS Reference
In-Depth Information
Animation Properties
new
Table D-3 Animation Properties
Property Name
Description
Values
@keyframes
Specifies the animation
[animationname]
[keyframes-selector]
[css-styles]
animation
A shorthand property for all the animation properties below,
except the animation-play-state property
animation-delay
Specifies when the animation will start
[time]
animation-direction
Specifies whether or not the animation should play in reverse
on alternate cycles
normal
alternate
animation-duration
Specifies how many seconds or milliseconds an animation
takes to complete one cycle
[time]
animation-iteration-count
Specifies the number of times an animation should be played [n]
infinite
animation-name
Specifies a name for the @keyframes animation
[keyframename]
none
animation-play-state
Specifies whether the animation is running or paused
paused
running
animation-timing-function
Specifies the speed curve of the animation
linear
ease
ease-in
ease-out
ease-in-out
cubic-bezier
Background and Color Properties
Table D-4 Background and Color Properties
Property Name
Description
Values
background
The background property is a shorthand property for setting
the individual background properties
background-attachment
Sets the background image to fixed or scrolls with the page
scroll
fixed
inherit
background-clip
Specifies the painting area of the background
new
background-color
Sets the background color of an element
transparent
[color]
background-image
Sets an image as the background
none
[URL]
background-origin
Specifies the positioning area of the background images
new
background-position
Sets the starting position of a background image
[length]
[percentage]
bottom
center
left
right
top
