Mis à jour en septembre 2017

Etant fan des expérimentations en CSS, JavaScript ou SVG… et encore plus lorsqu’ils mettent en œuvres des animaux, j’ai rassemblé ici les différentes réalisations que j’ai pu trouver. Tout ça pour le plaisir des yeux mais aussi pour le plaisir du code.

Des animaux en pur CSS

Meshi the CSS Dog par David Khourshid

See the Pen
Meshi the CSS Dog by David Khourshid (@davidkpiano)
on CodePen.

Alex the CSS Husky par David Khourshid :

See the Pen
Alex the CSS Husky by David Khourshid (@davidkpiano)
on CodePen.

Angry Birds par Rachel Bull :

See the Pen
Angry Birds in Pure CSS by Rachel Best (@rachel_web)
on CodePen.

CSS Animals par Ashley Nolan :

See the Pen
CSS Animals by Ashley Watson-Nolan (@ashleynolan)
on CodePen.

CSS Eevee par David Khourshid :

See the Pen
CSS Eevee by David Khourshid (@davidkpiano)
on CodePen.

CSS Cat Swinging on string par David Khourshid

See the Pen
CSS: Cat Swinging on String by David Khourshid (@davidkpiano)
on CodePen.

Santa’s Reindeer par Ivan Odintsov

See the Pen
Santa’s Reindeer by Ivan Odyntsov (@ivanodintsov)
on CodePen.

Singing Octo par Ivan Odintsov

See the Pen
Singing Octo CSS Animation by Ivan Odyntsov (@ivanodintsov)
on CodePen.

Des animaux en CSS et animés en JavaScript

Chill the lion par Karim Maaloul :

See the Pen
Chill the lion by Karim Maaloul (@Yakudoo)
on CodePen.

Cats vs ball of wool par Karim Maaloul :

See the Pen
Cat vs ball of wool by Karim Maaloul (@Yakudoo)
on CodePen.

Paranoid vs shy birds par Karim Maaloul :

See the Pen
Paranoid vs shy birds by Karim Maaloul (@Yakudoo)
on CodePen.

Sneeze the dragon par Karim Maaloul :

See the Pen
Sneeze the dragon by Karim Maaloul (@Yakudoo)
on CodePen.

Longcat Scroll par Jon Kantner

See the Pen
Longcat Scroll by Jon Kantner (@jkantner)
on CodePen.

Un tutoriel pour apprendre à animer en pur CSS et SVG

David Khourshid propose sur codrops un tutoriel pour animer ses animaux en CSS et SVG. Il est possible de récupérer directement les sources.

Le tutoriel de David Khourshid : tympanus.net/codrops/2016/03/21/animated-animals-css-svg/

Un jeu qui met en scène des animaux créés en CSS et JavaScript

The frantic run of the valorous rabbit par Karim Maaloul :

See the Pen
The frantic run of the valorous rabbit by Karim Maaloul (@Yakudoo)
on CodePen.

Un site présentant des animaux animés

Species in pieces est un site qui met en avant 30 spécimens en voie de disparition, ils sont créés en CSS et animés avec du JavaScript.

Si j’en trouve d’autres ou si vous souhaitez m’en partager je mettrais à jour cet article.