Когда нужно использовать visibility: hidden

`visibility: hidden` скрывает элемент, но он всё ещё занимает место в DOM и влияет на вёрстку. Используй его, когда нужно скрыть элемент, но сохранить его пространство в документе. Отличие от `display: none`: - `display: none` полностью удаляет элемент из потока документа - `visibility: hidden` оставляет "невидимый" блок Пример: ```html ``` ```css .hidden-visibility { visibility: hidden; /* место остаётся */ } .hidden-display { display: none; /* место освобождается */ } ``` Лучшие кейсы: - Анимации появления/исчезновения (можно toggle visibility без перерасчёта layout) - Когда нужно временно скрыть элемент, но сохранить структуру документа - Для скринридеров (некоторые скринридеры игнорируют `display: none`)