Générateur de transitions CSS Gérez les transitions CSS avec des propriétés, durées, effets d'assouplissement et effets au survol personnalisables.

La propriété CSS de transition est un raccourci pour transition-property, transition-duration, transition-timing-function et transition-delay. La propriété de transition peut cibler des propriétés spécifiques ou utiliser « all » pour tout. La durée et le retard utilisent des secondes ou des millisecondes. La fonction de temporisation définit la courbe de vitesse : linéaire est une vitesse constante, ease commence lentement puis accélère puis ralentit, ease-in commence lentement, ease-out se termine lentement. Les courbes personnalisées utilisent la fonction cubic-bezier(x1, y1, x2, y2) où les quatre valeurs définissent des points de contrôle. Des valeurs en dehors de 0-1 pour y créent des effets de rebond. Pour améliorer les performances, ne transitionnez que transform et opacity lorsque cela est possible. Plusieurs transitions peuvent être définies avec des valeurs séparées par des virgules pour différentes propriétés avec différents minutages. Les transitions sont déclenchées par tout changement de propriété, y compris les valeurs définies par JavaScript et l'ajout de classes.