Skip to content
Pricing
About
FAQs
Docs
Forum
News
Contact
Pricing
Support
Tutorials
FAQS
Forum
Contact
About
News
Friends
(Empty)
Your cart is empty
My Account
My Downloads
My Profile
Logout
Support centre
«
Learn Flexbox in Under 15 minutes
Microthemer & Flexbox Video
Animation Direction
Published:
November 20, 2017
By
brooklynwriters
Animation Name
Animation Duration
Animation Timing Function
Animation Delay
Animation Iteration Count
Animation Direction
Animation Fill Mode
Animation Play State
Animation Event
Animation Event Target
The direction the animation should play.
Value
Description
normal
Default. The animation plays in the normal direction set by the keyframes
reverse
The animation plays in reverse
alternate
The animation plays normally on odd iterations, and in reverse on even
alternate-reverse
The animation plays in reverse on odd iterations, and in normally on even
Themeover CSS Reference
Code
Styles
Font
Font Family
Google Font Family
Color
Font Size
Line Height
Font Weight
Font Style
Text Decoration
Font Variant
Text
Text Align
Text Indent
Text Transform
Word Spacing
Letter Spacing
Word Wrap
White Space
Text Direction
Vertical Align
List
List Style Type
List Style Image
List Style Position
Shadow
Text Shadow X-offset
Text Shadow Y-offset
Text Shadow Blur
Text Shadow Color
Box Shadow x-offset
Box Shadow y-offset
Box Shadow Blur
Box Shadow Spread
Box Shadow Color
Box Shadow Inset
Background
Background Color
Background Image
Background Position
Background Repeat
Background Attachment
Background Size
Background Origin
Background Clip
Gradient
Gradient Angle
Gradient A
Gradient B
Gradient B Position
Gradient C
Dimensions
Width
Min Width
Max Width
Height
Min Height
Max Height
Box Sizing
Padding & Margin
Padding Top
Padding Right
Padding Bottom
Padding Left
Margin Top
Margin Right
Margin Bottom
Margin Left
Border
Border Top Color
Border Right Color
Border Bottom Color
Border Left Color
Border Top Width
Border Right Width
Border Bottom Width
Border Left Width
Border Top Style
Border Right Style
Border Bottom Style
Border Left Style
Top Left Border Radius
Top Right Border Radius
Bottom Right Border Radius
Bottom Left Border Radius
Flexbox
Display (flex)
Flex Direction
Flex Wrap
Justify Content
Align Items
Align Content
Flex Grow
Flex Shrink
Flex Basis
Align Self
Order
Position
Position
Top (Position)
Bottom (Position)
Left (Position)
Right (Position)
Z-index
Float
Clear
Animation
Animation Name
Animation Duration
Animation Timing Function
Animation Delay
Animation Iteration Count
Animation Direction
Animation Fill Mode
Animation Play State
Animation Event
Animation Event Target
Transition
Transition Property
Transition Duration
Transition Timing Function
Transition Delay
Transition Event
Transition Event Value
Transition Event Target
Behaviour
Display
Overflow
Overflow X
Overflow Y
Visibility
Cursor
Opacity
Content
CSS3 PIE
CSS3 PIE (Progressive Internet Explorer)
Online CSS References: Animation Direction
Mozilla - Animation Direction
Quackit - Animation Direction
W3Schools - Animation Direction
Online CSS Tutorials: Animation
CSS Animation for beginners
CSS Tricks: Animation
W3 Schools: CSS3 Animations
Moz: Using CSS Animations
Support
Tutorials
FAQs
Forum
Feedback Survey
Contact
Close
Try it for free!
Major new release - Microthemer 5.5
Animation Direction
The direction the animation should play.
Themeover CSS Reference
Online CSS References: Animation Direction
Online CSS Tutorials: Animation