---
title: Ease-Out for Entrances
impact: HIGH
tags: easing, entrance, ease-out
---

## Ease-Out for Entrances

Entrances must use ease-out (arrive fast, settle gently).

**Incorrect (ease-in for entrance):**

```css
.modal-enter { animation-timing-function: ease-in; }
```

**Correct (ease-out for entrance):**

```css
.modal-enter { animation-timing-function: ease-out; }
```