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é.
Convertissez JSON vers XML sans effort
Transformez vos données JSON au format XML structuré en un seul clic. Rapide, sécurisé et entièrement basé sur un navigateur.
Convertissez JSON vers Texte sans effort
Transformez vos données JSON en texte brut formaté en un seul clic. Rapide, sécurisé et entièrement basé sur un navigateur.
Générateur de triangles CSS
Personnalisez votre triangle avec les options ci-dessous et obtenez instantanément le code CSS généré.