Avec l’avènement des CSS3, le W3C a introduit des modules dédiés à Animationl’animation d’éléments dans les pages web. Avant cela, les pages web contenaient souvent des animations créées avec des technologies souvent propriétaires comme Adobe Animate (anciennement nommé Flash) et qui nécessitaient des plugins.
Avec ces modules, vous allez pouvoir créer des animations simples et efficaces qui seront reconnues par tous les navigateurs modernes. Le W3C nous propose trois modules :
Transforms Module Level 1 qui est en Candidate Recommendation, au 14 février 2019 : https://www.w3.org/TR/css-transforms-1/ Animation:Transforms Module Level 1
CSS Transitions qui est en Working Draft, au 11 octobre 2018 : https://www.w3.org/TR/css-transitions-1/ Animation:CSS Transitions
Web Animations qui est aussi en Working Draft, au 11 octobre 2018 : https://www.w3.org/TR/web-animations-1/ Animation:Web Animations
Dans ce chapitre, nous n’allons pas étudier toutes les fonctionnalités de ces modules, mais nous allons aborder les principes fonctionnels, afin que vous puissiez comprendre le code que vous pourrez rencontrer.
Abonnement
tous les livres et vidéos ENI en illimité sans engagement
du livre imprimé ou du livre numérique