Le site de Patrick Darcheville

Tutoriel CSS

Apprentissage CSS

Initiation CSS

Nouveautés CSS

Tutoriel CSS

Tuto CSS

1
2
3
4
5
6

L'animation 3D ci-dessus a été réalisée uniquement en HTLM & CSS3.

Moyennant quelques lignes de code en JavaScript-jQuery il serait possible de contrôler cette animation CSS : suspendre ou reprendre l'animation.

Ce tutoriel n'est pas destiné aux débutants en HTML & CSS. Il se contente surtout ((même si il y a quelques pages de révisons) de signaler toutes les nouveautés apportées par la version 3 de CSS et s'adresse plutôt aux développeurs Web déjà expérimentés.
Ceux qui débutent dans la programmation Web doivent donc d'abord visiter le tutoriel intitulé "Pour les débutants" (dans le même site) pour acquérir les bases du HTML & CSS(mais aussi quelques notions de PHP).
Même les visiteurs pensant connaitre CSS peuvent vérifier leurs acquis en relisant les pages de la partie "révisions". Ils découvriront peut-être certaines fonctionnalités de la version 2 peu connues (feuille de style pour impression, numérotation automatique des titres, media queries, etc.)

On peut appliquer une animation écrite en CSS non seulement à des éléments HTML mais aussi à des objets SVG. Donc si vous voulez animer un objet graphique sophistiqué il suffit de le dessiner avec SVG puis de l'animer en CSS.

Attention même si CSS est de plus en plus puissant les possibilités de modification du DOM restent limitées.
Ainsi avec CSS vous ne pouvez pas modifier les attributs d'un noeud, changer le contenu d'un noeud, ajouter /supprimer des noeuds. Donc la programmation JavaScript (traditionnelle ou avec jQuery) reste indispensable dans bien des cas !

Différents chapitres du tuto