CSS3 Animation et Transition – 20+ exemples et tutoriels
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