Nous contacter

  1. Accueil
  2. Blog
  3. Webdesign
  4. Des illustrations et animations en full-css pour les intégrateurs web

Des illustrations et animations en full-css pour les intégrateurs web

Le 06/03/2014

Dans Webdesign

Que ce soit pour simplifier le passage en responsive, pour alléger un site, ou simplement pour le sport, de nombreuses personnes relève les défis des illustrations et animations en full-css. Bien que je pense que les bénéfices ne justifient pas forcément le temps passé à créer l'animation (et la faire fonctionner sur tous les navigateurs…), ces illustrations restent de jolis cas d'études et de bons entraînements !

I'm batman !

Totoro

See the Pen Pure CSS Totoro by Jack P (@jparsons) on CodePen.

Angry Bird

See the Pen Angry Bird Pure CSS by Erhan Başa (@erhanbasa) on CodePen.

Monster Stickers

See the Pen monster sticker on pure css by Szilágyi György (@0xc0defeed) on CodePen.

Soaper Smiley

See the Pen Soaper Smiley by Rachel Wong (@rachelwong) on CodePen.

Radio Face

See the Pen Radio Face by Rachel Wong (@rachelwong) on CodePen.

Quelques cartes

See the Pen Four of a Kind by Rachel Wong (@rachelwong) on CodePen.

Pluie et éclairs !

See the Pen pure css rain by Martin Grand (@martingrand) on CodePen.

Cette terre animée est faite d'un seul élément !

See the Pen Earth in a single HTML element by Kevin Jannis (@kevinjannis) on CodePen.

Sushi

See the Pen Sushihanna Pure CSS Logo by trent (@roydukkey) on CodePen.

Un calendrier en CSS, il ne manque plus qu'à le dynamiser !

See the Pen Pure CSS Calender by Yusuf (@yy) on CodePen.

Une imprimante

See the Pen Pure CSS Printer by scarlson1109 (@scarlson1109) on CodePen.

un chargement dynamique

See the Pen Pure CSS 1:1 aspect ratio spirograph by raviteja.daggupati (@tuxteja) on CodePen.

Un drapeau

See the Pen Simple CSS Flag by Joni Trythall (@jonitrythall) on CodePen.