Какие способы скрыть элемент в CSS ты знаешь?

В CSS есть несколько способов скрыть элемент:

• display: none; — элемент полностью удаляется из потока документа, не занимает места.
• visibility: hidden; — элемент скрыт, но сохраняет занимаемое место.
• opacity: 0; — элемент становится прозрачным, но остается на месте и реагирует на события.
• position: absolute; left: -9999px; — элемент выносится за пределы видимой области.
• Использование clip-path или clip для обрезки видимой части.

Пример:

.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
.transparent {
  opacity: 0;
}