Voici une sélection de 20 animations CSS3 en 3D et 2D. L'objectif de cet article est de vous présenter le potentiel du module CSS3 transition pouvant être utilisé en substitut du Javascript et du Flash.

Les transitions CSS3 permettent de modifier les valeurs des propriétés CSS spontanément au cours d’une période donnée. Cela offre à l’utilisateur une expérience unique de navigation et d’interaction avec l’application Web sans alourdir cette dernière avec des surcouches JS ou Flash. De plus en plus utilisées en Webdesign, les animations CSS3 sont également de mieux en mieux supportées par les navigateurs Web modernes (Chrome, FF, Opéra, etc.).

Alors n’attendez plus, partez à la découverte de notre fabuleuse sélection d’animations CSS3. En prime, certains exemples ci-dessous détaillent avec précision le fonctionnement des animations et des transitions CSS3 en vous fournissant le code source.

Animation de personnages en CSS3

Typographie animée via les -webkit-animation

Un menu fun

Des animations de paysages en CSS3, la fumée est sympa

Festival Rock de Calvi, des mouvements CSS3 et de la chaleur

Un générateur de texte en 3D

Une map interactive

The expressive web

Animer une barre de navigation en CSS3

Logo Dribbble animé

Expériences interactives d’Andrew Hoyer

The Planetarium

The man from Hollywood

Space

Make the Web move with CSS3 animations

Découvrir le système solaire

Kinect, Css3 & Animatable.com

CSS 3D bar graph

CSS3 graph animation

3D gallery

CSS3 transitions example : Polaroid scale and rotate

Oceanhealthindex.org