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é.
Convertisseur SCSS en CSS
Transformez votre code SCSS en CSS. Rapide, facile et sécurisé.
Convertisseur Sass en CSS
Transformez votre code Sass en CSS. Rapide, facile et sécurisé.
Convertisseur CSS vers SCSS
Transformez votre code CSS en SCSS avec des variables, l’imbrication, etc. Rapide, facile et sécurisé.
Convertisseur d'image vers Base64
Convertissez les images en encodage Base64 pour le développement Web et l’intégration
Générateur de transitions CSS3
Transition