Une transition anime le passage progressif d'une propriété CSS d'une valeur à une autre quand elle change, par exemple au survol. On indique les propriétés concernées, la durée et la courbe d'accélération. On évite transition: all et on privilégie transform et opacity, peu coûteuses.
Exemple
button { transition: background-color 150ms ease-out; }
button:hover { background-color: #0b5; }