Table of Contents
Mind-Blowing CSS Animation Examples (Free Code + Demos)
CSS Animation: Indoors Or Outdoors?
Author: Olivia Ng (oliviale)
Links: Source Code / Demo
Created on: April 21, 2018
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: animations, indoors, outdoors
Pure CSS Saturn Hula Hooping
Author: Jamie Coulter (jcoulterdesign)
Links: Source Code / Demo, Dribbble.com
Created on: March 24, 2018
Made with: Haml, SCSS
CSS Pre-processor: SCSS
JS Pre-processor: Babel
HTML Pre-processor: Haml
Tags: pure-css, animation, space, illustration, cute
Card Swipe Animation Material Design
Author: Zoë Bijl (Michiel)
Links: Source Code / Demo, Dribbble.com
Created on: September 11, 2014
Made with: Haml, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Haml
Tags: css, animation, card, swipe, material design
CSS & SVG Waves Animation
Author: Ted McDonald (tedmcdo)
Links: Source Code / Demo
Created on: July 29, 2015
Made with: HTML, SCSS
Tags: waves, svg, css, animation, cubic-bezier
CSS Animation Material Design
Author: Zoë Bijl (Michiel)
Links: Source Code / Demo, Dribbble.com
Created on: September 10, 2014
Made with: Haml, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Haml
Tags: css, animation, material design
Pure CSS Animated Bubbles
Author: Mark Bowley (Mark_Bowley)
Links: Source Code / Demo
Created on: April 21, 2014
Made with: HTML, CSS
Tags: html, css3, animation
Animated Shopping Cart Icons
Author: Joni Trythall (jonitrythall)
Links: Source Code / Demo
Created on: May 7, 2014
Made with: HTML, CSS, JS
Tags: animation, svg, shopping, responsive, fruit
Efeito – Button Shake
Author: Sthéffane Nunes (StheffaneNunes)
Links: Source Code / Demo
Created on: August 25, 2020
Made with: HTML, CSS
Tags: 30diasdecss, animation, button, hover
The Perpetual Mobile. (Elastic Bounce)
Author: Jomohop (jomohop)
Links: Source Code / Demo
Created on: August 17, 2019
Made with: HTML, CSS
Tags: css animation
Only Css Animation
Author: Hisami Kurita (hisamikurita)
Links: Source Code / Demo
Created on: September 22, 2019
Made with: HTML, CSS
Tags: cssanimation
I hope you like this Mind-Blowing CSS Animation article.
Also Read :