Créer des animations en CSS

Programme de la formation

Introduction

• Les propriétés de base du CSS
• Les nouveautés du CSS3
• Panoramas des outils de développement

CSS et Transformation

• Les modules de transformations 2D : rotate, scale, skew, transform-origin
• Les modules de transformations 3D : perspectives et origines, preserve-3d, rotateX, rotateY, translateZ, rotate 3D, translate 3D

CSS et animation pour des graphiques

• Les modules de transitions : duration, property, delay, timing function, courbes de bézier
• Les pseudos éléments :hover, :target, :focus

CSS 3 et animation générales

• comment utiliser @keyframes
• Les modules d'animations : name, duration, timing function, delay, iteration count, direction, play state, courbes de bézier

Aller plus loin

• La balise HTML5 Canvas
• HTML5 et son API
• Le trio gagnant HTML5, SVG et CSS3
• Enrichir l'expérience au moyen de Javascript