Most modern browsers are now supporting CSS animations. Yes, CSS are now allowing you to create some simple animations, without the help of a client-side programming language such as JavaScript. This post is aimed at a front-end web developers looking for inspiration when it comes to web animations.

Gif Style CSS3 Animation By Jascha Goltermann

Pure CSS One Div Weather Animated Icons By Fabrizio Bianchi

Solar System animation – Pure CSS By Malik Dellidj

Gif animation + CSS animation + Blend modes By yoksel

Indatus CSS Animation By Patrick Hill

Material Design Hamburger By Chris Wheatley

Stats animation By Jonas Badalic

CSS+SVG Pacman By buschidos

Cubes CSS3 Animation By Nate Wiley

Delightful Checkbox Animation By Dylan Raga

Confirm button By Hakim El Hattab

Star Wars Toggle Icon Animation By Riza Selçuk Saydam

Hamburger Icon CSS3 ONLY Animation By Dawid Krajewski

Animated signing of signature (SVG paths) By Gary Hepting

Chrome Dinosaur Animation By Nick Spiel

Cssynth By Bennett Feely

Single Element CSS Spinners By Luke Haas

The Art of UI Animations By Mark Geyer

A bicycle designed entirely in CSS By Gautam Krishnan

CSS3 animation effects for Magnific Popup By Dmitry Semenov

CSS Responsive animated Accordion By Chris Wright

CSS3 Text Animation Effect By Nick Mkrtchyan

Coffee Maker Animation By Roger Flanagan

Animated text fill

Tape Recorder By Scott

COSMOS By Patrick Brosset

Metaball Spinner By Jeff Thomas

Flappy Dialog By Alex

Hand animation

Pure CSS Popping Dashboard By Jamie Coulter

Submarine with CSS By Alberto Jerez

CSS Text filling with water By Lucas Bebber

Animation to Explain CSS Triangles By Chris Coyier

Windows-8-like Animations with CSS3 and jQuery By Sara Soueidan

Logo 2015 – Animated By Sam Markiewicz

3D CSS Typography By Noah Blon

fade loading By Diego Pardo

Cloudy Spiral CSS animation By Hakim El Hattab

CSS 3D Dropdown Concept By Justin Windle

CSS Gooey Menu (Version 1) By Lucas Bebber