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%
0px
0px
8px
8px

Related Tools