Générateur de transitions CSS3
Transition
Préréglages
de fondu
Transition
Effet d’échelle Redimensionner
l’élément au survol
Effet de
Rotation de l’élément au survol
Effet de glissement Déplacer
la position de l’élément
Changement
Transition
À propos des transitions Les
transitions CSS vous permettent de modifier les valeurs des propriétés en douceur, sur une durée donnée.
Les propriétés généralement animées incluent :
- largeur, hauteur
- marge, remplissage
- , opacité, couleur
- transform (scale, rotate, translate)
- background-color
Astuce pro : Utilisez l’option 'Toutes les propriétés' pour animer toutes les modifications.
Preview
HOVER ME
code
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
de transition
300
0
de survol
100%
100%
0°
0px
0px
8px
8px
Related Tools
Convertisseur de stylet en CSS
Rapide, facile et sécurisé.
Créez des mises en page Flexbox parfaites
.
Convertisseur SCSS en CSS
Transformez votre code SCSS en CSS. Rapide, facile et sécurisé.
Créez des mises en page Flexbox parfaites
.
Créer une politique de confidentialité personnalisée
Générez une politique de confidentialité complète adaptée à votre site Web, votre application ou votre service.
Calculateur de pourcentage
Calculez facilement des pourcentages à l’aide de notre calculateur de pourcentage intuitif.