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
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
de survol
Related Tools
Générateur de barres de défilement CSS
Personnalisez facilement les barres de défilement de votre site WebCréez de superbes effets de texte dégradé pour votre site Web
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é.
Calculateur de pourcentage
Calculez facilement des pourcentages à l’aide de notre calculateur de pourcentage intuitif.
Texte en ASCII
Convertissez du texte en code ASCII sans
Outil d'encodage Base64
Encodez facilement du texte au format Base64 directement dans votre navigateur.