Při skrývání a zobrazování věcí v CSS není jen jedna vlastnost CSS, po které sáhnete. V tomto videu se budeme zabývat řadou úvah.
Například existuje displayvlastnost, ve které display: none;je velmi efektivní při skrývání věcí. Tento prvek ale také skryje před asistenční technologií a vy to vždy nechcete, jako rozbalovací navigační nabídka (rozbalovací nabídky jsou vizuálně skryté, ale neměly by být skryty před asistenční technologií).
A displaynení ani přechodný, takže pokud chcete tento prvek zesvětlit / vyblednout transition, je to venku. Pokud nezapojíte JavaScript, abyste tuto vlastnost použili až po přechodu.
Co je převoditelné? opacityje a také se ukázalo visibility. Tato kombinace je velmi užitečná společně, protože jakmile prvek má visibility: hidden;, nezasahuje do událostí, jako jsou kliknutí / klepnutí. Toto kombo však nevytahuje prvek z toku stránky, což může být užitečné nebo ne užitečné. Za positiontěchto okolností může být nemovitost užitečná.
Vidět! Tolik na přemýšlení!