# Visibility

Makes an element invisible but keeps its space.

## What does `visibility: hidden` do?

`visibility: hidden` makes an element invisible but keeps its space, so the layout doesn't shift.

```css
.tooltip { visibility: hidden; }
.icon:hover .tooltip { visibility: visible; }
```

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

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/visibility