# Discrete animation

An animation that jumps between values with no in-between.

## What is a **discrete animation**?

A **discrete animation** jumps from one value to the next with no in-between, for properties like `display` that can't be blended.

```css
.menu { transition: opacity 0.3s, display 0.3s allow-discrete; }
```

Level: Master · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/master)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/discrete-animation