# Easing for a hold drift: curve, duration and what to avoid

> Use glide for a hold drift, over the length of the hold, 2 s or more. Avoid a copied product surface: it holds still and stays alive through what the product 

Canonical: https://vawe.dev/easing/for/hold-drift
Last updated: 2026-11-04

Use glide for a hold drift, over the length of the hold, 2 s or more. glide reaches 50% of its travel at 51% of the time and 90% at 82%. Avoid a copied product surface: it holds still and stays alive through what the product does (a caret, a timer, a hover).

| Measure | Value |
| --- | --- |
| Job | Hold drift |
| Ease | glide (https://vawe.dev/easing/glide) |
| Duration | the length of the hold, 2 s or more |

## What to avoid

A copied product surface: it holds still and stays alive through what the product does (a caret, a timer, a hover).

## CSS

```css
@keyframes push {
  from { scale: 1; }
  to { scale: 1.2; }
}

.target {
  animation: push 2000ms cubic-bezier(0.3333, 0, 0.67, 0.967) both;
}
```

## Web Animations

```js
el.animate(
  [{ scale: '1' }, { scale: '1.2' }],
  { duration: 2000, easing: 'cubic-bezier(0.3333, 0, 0.67, 0.967)', fill: 'both' },
);
```

## CSS linear()

```css
animation-timing-function: linear(0, 0.0018, 0.007, 0.0155, 0.0271, 0.0415, 0.0587, 0.0784, 0.1005, 0.1248, 0.1511, 0.1792, 0.209, 0.2402, 0.2728, 0.3065, 0.3411, 0.3766, 0.4126, 0.4491, 0.4858, 0.5226, 0.5593, 0.5957, 0.6317, 0.667, 0.7016, 0.7352, 0.7676, 0.7987, 0.8282, 0.8561, 0.8821, 0.906, 0.9276, 0.9469, 0.9635, 0.9773, 0.9881, 0.9957, 1);
```

## Video components for this job

- [Aurora drift](https://vawe.dev/video-components/aurora-drift)
- [Grain field](https://vawe.dev/video-components/grain-field)
- [Halftone field](https://vawe.dev/video-components/halftone-field)
- [Ink warp](https://vawe.dev/video-components/ink-warp)
- [Dot grid wave](https://vawe.dev/video-components/dot-grid-wave)
- [Light pool](https://vawe.dev/video-components/light-pool)
- [Gradient mesh field](https://vawe.dev/video-components/gradient-mesh-field)

## 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)
- [Scan or wipe travel](https://vawe.dev/easing/for/scan-wipe)
- [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)
- [glide](https://vawe.dev/easing/glide)