Comments 10
Вы делаете большое дело, но всё-таки насчёт собеседований вы имхо немного поторопились.
А так, конечно, странно, что нет какого-нибудь aria-* для этого случая.
А есть какой-то практический случай, зачем вообще нужно такое поведение?
Еще можно попробовать для скрытия: transform: scale(0); clip-path: inset(50%); filter: blur(1000px) - последнее конечно спорный подход, но как лабораторный эксперимент...
Всё точно так же, как при значении
none
у свойстваdisplay
. И плюсы такие же. Не буду повторяться.
Все же они немного отличаются в визуальном плане. display:none убирает элемент со страницы полностью, а visibility:hidden - скрывает содержимое, как если применить opacity:0;
Че-то нет никаких человечков в девтулсе
Судя по тексту, фронтендеру не нужно знать о том, что браузеры бывают разные. :)
Не знаю хороший способ или нет, но для модальных окон например использую подобный класс
.hidden{
opacity:0;
pointer-events:none
}
Благодаря этому я показываю юзерю как плавно появляется или пропадает окно
Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Как скрыть элемент доступно?»