CSS SASS
Animania

List of CSS animations and effects

Live overview of all animations and effects written in pure CSS

Click on the respective animation to see how to code!

Appear Disappear
Ascend
Blast Color
Blinds
Blinds Left to Right
Blink
Blink with pause
Boomerang
Bounce
Box Appear and Disappear
Center Revolve
Compress X

Have a great day and enjoy our site! :)

Compress Y
Crawl
Credits
Curve Up
Curve Down
Curve Erratic
Darken
De-Saturate
Descend
Different color
Float
Grow Shrink

Have a great day and enjoy our site! :)

Grow Step-wise
Helix in Z Direction
Light Speed
Light Speed Z
Pinball
Sling
Snake
Spin
Spin Horizontal
Spinner
Spinner Diamond
Spinner Erratic

Have a great day and enjoy our site! :)

Spiral
Split
Split Bullet
Squish
Stretch
Stripes
Stripes Vertical
Stripes Diagonal
Stripes Diagonal Left Top to Bottom Right
Teeter
Transparency
Wheels

Have a great day and enjoy our site! :)

Welcome to animania.info CSS animation & effects reference

animania.info asks for your consent to use your personal data to:

Personalised ads and content, ad and content measurement, and product development

Store and/or access information on a device such as your cookie settings for animania.info

By accepting all services, you allow Animania Consent Cookie, Amazon Advertising, Google Advertising Products,  to be loaded. You can modify your choices under https://animania.info/privacy-settings at any time.
Privacy Policy    Imprint