Існує не просто одна властивість CSS, до якої ви тягнетеся, приховуючи та показуючи речі в CSS. Є купа міркувань, які ми розглянемо у цьому відео.
Наприклад, є displayвластивість, в якій display: none;дуже ефективно приховувати речі. Але він приховає цей елемент і від допоміжних технологій, і ви не завжди цього хочете, як випадаюче меню навігації (випадаючі візуально приховані, але не повинні бути приховані від допоміжних технологій).
І displayтакож не є транзитивним, тому, якщо ви хочете зникати / зникати з цим елементом transition, це виходить. Якщо ви не залучаєте JavaScript для застосування цього властивості лише після того, як відбувся перехід.
Що транзитно? opacityє, і виявляється visibilityтеж. Ця комбінація досить корисна разом, оскільки, коли елемент має, visibility: hidden;він не заважає таким подіям, як клацання / натискання. Однак ця комбінація не виводить елемент із потоку сторінок, що може бути корисним чи не корисним. positionВластивість може бути корисним в тих обставинах.
Подивитися! Стільки думати!