---
layout: docs
title: Transition
description: Utility classes for setting transition all with speed and easing
---

| Class               | Description                                                                                            |
| ------------------- | ------------------------------------------------------------------------------------------------------ |
| `transition-fast`   | Sets transition on all properties with speed `var(--speed-fast)` and easing `ease-in-out` to element   |
| `transition-medium` | Sets transition on all properties with speed `var(--speed-medium)` and easing `ease-in-out` to element |
| `transition-slow`   | Sets transition on all properties with speed `var(--speed-slow)` and easing `ease-in-out` to element   |