Web-Infos
  • Criar um site
  • Checkout
  • Le HTML5
  • CSS 3
  • Propriétés CSS
  • Balises HTML5
  • Faire son site internet
  • Téléchargement
Accueil » transition-timing-function
  • margin-left
  • list-style-type
  • a
  • border-top-style
  • border-top-width
  • border-width
  • bottom
  • color
  • empty-cells
  • float
  • font
  • font-family
  • font-size
  • font-style
  • font-variant
  • font-weight
  • left
  • letter-spacing
  • line-height
  • list-style
  • list-style-image
  • list-style-position
  • margin
  • margin-bottom
  • margin-right
  • margin-top
  • padding
  • padding-bottom
  • padding-left
  • padding-right
  • padding-top
  • position
  • right
  • table-layout
  • text-align
  • text-decoration
  • text-indent
  • text-transform
  • top
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transition-timing-function
  • vertical-align
  • word-spacing
  • :active
  • :focus
  • :hover
  • :link
  • :visited
  • background-attachment
  • background-color
  • background-image
  • background-position
  • background-repeat
  • border
  • border-bottom
  • border-bottom-color
  • border-bottom-style
  • border-bottom-width
  • border-collapse
  • border-color
  • border-left
  • border-left-color
  • border-left-style
  • border-left-width
  • border-right
  • border-right-color
  • border-right-style
  • border-right-width
  • border-spacing
  • border-style
  • border-top
  • border-top-color

transition-timing-function

Propriété qui influence la vitesse d’execution d’une transition.

  • Valeurs :
    • linear = la vitesse de transition est constante
    • ease = la valeur par défaut, la transition est d’abord lente, puis s’accélère puis redevient lente
    • ease-in = la transition s’accélère peu à peu
    • ease-out = la transition ralentit peu à peu
    • ease-in-out = même processus que ease mais l’effet est plus prononcé
    • cubic-bezier(x,x,x,x) = le « x » prend la valeur 0 ou 1 pour définir l’accélération de notre transition. (voir courbe de Bézier)
  • Catégorie TRANSITIONS CSS3

Exemple :

h1 { transition-timing-function: ease-in ; }

  • Balises HTML5
  • Propriétés CSS
  • Livre d’or
  • Conditions générales
  • Contact