Встречается на собеседованиях • сегодня
Что такое visibility hidden
`visibility: hidden` скрывает элемент, но он всё ещё занимает место в DOM. В отличие от `display: none`, который полностью удаляет элемент из потока документа.
**Пример:**
```html
Этот текст не виден, но место остаётся
Этот текст и его место исчезли
```
```css
.hidden-visibility {
visibility: hidden;
}
.hidden-display {
display: none;
}
```
**Особенности:**
- Элемент остаётся в DOM-дереве
- Влияет на производительность (рендерится, но не отображается)
- Можно анимировать переход между `visible` и `hidden`
- Доступен для скринридеров (в отличие от `opacity: 0`)
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы