# Easing for a scan or wipe travel: curve, duration and what

> Use settle for a scan or wipe travel, over 0.5 to 1 s. Avoid swap: its steep middle turns the travelling line into a blur.

Canonical: https://vawe.dev/easing/for/scan-wipe
Last updated: 2026-11-04

Use settle for a scan or wipe travel, over 0.5 to 1 s. settle reaches 50% of its travel at 50% of the time and 90% at 73%. Avoid swap: its steep middle turns the travelling line into a blur.

| Measure | Value |
| --- | --- |
| Job | Scan or wipe travel |
| Ease | settle (https://vawe.dev/easing/settle) |
| Duration | 0.5 to 1 s |

## What to avoid

Swap: its steep middle turns the travelling line into a blur. Keep swap for the value the line flips.

## CSS

```css
@keyframes scan {
  from { translate: -100% 0; }
  to { translate: 0 0; }
}

.target {
  animation: scan 750ms cubic-bezier(0.6, 0, 0.4, 1) both;
}
```

## Web Animations

```js
el.animate(
  [{ translate: '-100% 0' }, { translate: '0 0' }],
  { duration: 750, easing: 'cubic-bezier(0.6, 0, 0.4, 1)', fill: 'both' },
);
```

## CSS linear()

```css
animation-timing-function: linear(0, 0.0006, 0.0025, 0.0057, 0.0104, 0.0168, 0.0251, 0.0354, 0.048, 0.0631, 0.0811, 0.1023, 0.1272, 0.1562, 0.1899, 0.2287, 0.273, 0.323, 0.3783, 0.4379, 0.5, 0.5621, 0.6217, 0.677, 0.727, 0.7713, 0.8101, 0.8438, 0.8728, 0.8977, 0.9189, 0.9369, 0.952, 0.9646, 0.9749, 0.9832, 0.9896, 0.9943, 0.9975, 0.9994, 1);
```

## Video components that use settle

- [Grid tile flip](https://vawe.dev/video-components/grid-tile-flip)
- [Mark trace](https://vawe.dev/video-components/mark-trace)
- [Before and after wipe](https://vawe.dev/video-components/before-after-wipe)
- [Caret door](https://vawe.dev/video-components/caret-door)
- [Counter dive](https://vawe.dev/video-components/counter-dive)
- [Hand drawn notes](https://vawe.dev/video-components/hand-drawn-notes)
- [Marker highlight](https://vawe.dev/video-components/marker-highlight)
- [Rack focus](https://vawe.dev/video-components/rack-focus)
- [Shape trace morph](https://vawe.dev/video-components/shape-trace-morph)
- [Speed ramp freeze](https://vawe.dev/video-components/speed-ramp-freeze)
- [Split reveal](https://vawe.dev/video-components/split-reveal)
- [Type match cut](https://vawe.dev/video-components/type-match-cut)

## Other jobs

- [Title or text entrance](https://vawe.dev/easing/for/title-entrance)
- [UI panel or card in](https://vawe.dev/easing/for/panel-entrance)
- [Value change (number swap)](https://vawe.dev/easing/for/number-change)
- [List stagger](https://vawe.dev/easing/for/list-stagger)
- [Small pop or notification](https://vawe.dev/easing/for/notification-pop)
- [Exit](https://vawe.dev/easing/for/exit)
- [Camera move under 2 s](https://vawe.dev/easing/for/short-camera-move)
- [Camera move of 2 s or more](https://vawe.dev/easing/for/long-camera-move)
- [Hold drift](https://vawe.dev/easing/for/hold-drift)
- [Send, small arrival](https://vawe.dev/easing/for/send-bubble)
- [Typing](https://vawe.dev/easing/for/typing)
- [Stream](https://vawe.dev/easing/for/text-streaming)

## Related

- [All easing functions](https://vawe.dev/easing)
- [settle](https://vawe.dev/easing/settle)