CSS
Animations
CSS
CSS
Cascading Style sheets
Introduction
CSS
Syntax
CSS
Add CSS
Basics
CSS
CSS Tables
CSS
Box Model
CSS
Selectors
CSS
Fonts
CSS
Text
CSS
Pseudo Class
CSS
Pseudo Elements
CSS
box model
CSS
Padding
CSS
Margin
CSS
Display
CSS
Content
CSS
quotation marks
CSS
Border
CSS
Cursors
CSS
Overflow
CSS
Clipping
CSS
Visibility
CSS
Background
CSS
Line Height
Positioning
CSS
Positioning Elements
CSS
Float
CSS
clear
CSS
Position
CSS
Z Index -stack of layers
Advanced CSS
CSS 3
About CSS3
CSS 3
Shadows
CSS 3
Gradients
CSS 3
Multiple Backgrounds
CSS 3
Transforms
CSS 3
Colors
CSS 3
Transitions
CSS 3
Border Radius
CSS 3
Opacity
CSS 3
Columns
CSS 3
Animations
CSS 3
Embedded Fonts
CSS 3
CSS Media Queries
References
CSS
Properties
CSS
Colors
CSS
Entities
CSS
Units
CSS
Functions
CSS
Selectors
CSS
Capitalization
CSS
White Spaces
CSS
CSS
Cascading Style sheets
Introduction
CSS
Syntax
CSS
Add CSS
Basics
CSS
CSS Tables
CSS
Box Model
CSS
Selectors
CSS
Fonts
CSS
Text
CSS
Pseudo Class
CSS
Pseudo Elements
CSS
box model
CSS
Padding
CSS
Margin
CSS
Display
CSS
Content
CSS
quotation marks
CSS
Border
CSS
Cursors
CSS
Overflow
CSS
Clipping
CSS
Visibility
CSS
Background
CSS
Line Height
Positioning
CSS
Positioning Elements
CSS
Float
CSS
clear
CSS
Position
CSS
Z Index -stack of layers
Advanced CSS
CSS 3
About CSS3
CSS 3
Shadows
CSS 3
Gradients
CSS 3
Multiple Backgrounds
CSS 3
Transforms
CSS 3
Colors
CSS 3
Transitions
CSS 3
Border Radius
CSS 3
Opacity
CSS 3
Columns
CSS 3
Animations
CSS 3
Embedded Fonts
CSS 3
CSS Media Queries
References
CSS
Properties
CSS
Colors
CSS
Entities
CSS
Units
CSS
Functions
CSS
Selectors
CSS
Capitalization
CSS
White Spaces
animation-duration
The
animation-duration
property defines the length of time, in seconds or milliseconds, an animation takes to complete one iteration (all the way through, from 0% to 100%):
snippet
-webkit-animation-duration: 300ms;
Related Tutorial
1
Keyframes
2
animation-name
3
animation-duration
4
animation-timing-function
5
animation-iteration-count
6
animation-direction
7
animation-delay
8
animation-fill-mode
9
animation-play-state
10
animation
Follow Us
Try it
http://codeamaze.com
Share this tutorial
Contents
+