---
title: Ease-In-Out for View Transitions
impact: MEDIUM
tags: easing, transition, ease-in-out
---

## Ease-In-Out for View Transitions

View/mode transitions use ease-in-out for neutral attention.

**Correct:**

```css
.page-transition { animation-timing-function: ease-in-out; }
```