# Translate

Slides an element from where it sits.

## What does `translate` do?

`translate` slides an element sideways or up and down from where it sits.

```css
.toast { transform: translateY(100%); }   /* start hidden below the screen */
```

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

Updated: September 27, 2026

## In other subjects

- [translate in HTML](https://www.ask-codey.com/glossary/translate)

Source: https://www.ask-codey.com/glossary/translate-css