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 de signaler toutes les nouveautés apportées par la version 3 de CSS et s'adresse donc 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 qui pensent connaitre CSS peuvent vérifier leurs acquis en relisant les pages de la partie "révisions".

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.
L'animation d'objets SVG via CSS n'est pas abordée dans ce tutoriel mais dans celui intitulé "Animation avec SVG" dans ce même site.

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 ces cas !

Différents chapitres du tuto