Няма само едно свойство на CSS, към което да посегнете, когато скривате и показвате неща в CSS. Има куп съображения, които ще разгледаме в това видео.
Например има displayсвойство, в което display: none;е много ефективно да скрива нещата. Но той ще скрие този елемент и от помощните технологии и не винаги искате това, като падащо меню за навигация (падащите менюта са визуално скрити, но не трябва да бъдат скрити от помощните технологии).
И displayсъщо не е преходно, така че ако искате да избледнявате / избледнявате този елемент с transition, това е навън. Освен ако не включите JavaScript, за да приложите това свойство само след прехода.
Какво е преходно? opacityе и се оказва visibilityсъщо. Тази комбинация е доста полезна заедно, тъй като след като елемент има, visibility: hidden;тя не пречи на събития като кликвания / кранове. Тази комбинация обаче не изважда елемента от потока на страницата, което може да бъде полезно или неполезно. В positionимота може да бъде полезно при тези обстоятелства.
Вижте! Толкова за размисъл!