---
title: Transitions CSS
slug: Web/CSS/CSS_Transitions
tags:
  - Aperçu
  - CSS
  - CSS Transitions
  - Reference
translation_of: Web/CSS/CSS_Transitions
---
{{CSSRef}}

Les **transitions CSS** permettent de créer des transitions harmonieuses entre les valeurs des propriétés CSS concernées. Elles permettent aussi de définir leur évolution (accélération/décélération), via les fonctions de minutage.

## Référence

### Propriétés

- {{cssxref("transition")}}
- {{cssxref("transition-delay")}}
- {{cssxref("transition-duration")}}
- {{cssxref("transition-property")}}
- {{cssxref("transition-timing-function")}}

## Guides

- [Utiliser les transitions CSS](/fr/docs/Web/CSS/CSS_Transitions/Utiliser_transitions_CSS)
  - : Cet article est un tutoriel expliquant, étape par étape, comment créer une transition CSS. Il décrit chaque propriété CSS utilisée dans le cadre de ces transitions et comment elles interagissent.

## Spécifications

| Spécification                                | État                                     | Commentaire          |
| -------------------------------------------- | ---------------------------------------- | -------------------- |
| {{SpecName('CSS3 Transitions')}} | {{Spec2('CSS3 Transitions')}} | Définition initiale. |

## Voir aussi

- Apparentées aux transitions CSS, les [animations CSS](/fr/docs/Web/CSS/Animations_CSS) peuvent déclencher des animations indépendamment du changement des valeurs spécifiées.