Non c'è solo una singola proprietà CSS che raggiungi quando nascondi e mostri cose in CSS. Ci sono un sacco di considerazioni che esamineremo in questo video.
Ad esempio, c'è la displayproprietà in cui display: none;è molto efficace per nascondere le cose. Ma nasconderà quell'elemento anche dalla tecnologia assistiva, e non sempre lo vuoi, come un menu di navigazione a discesa (i menu a discesa sono visivamente nascosti ma non dovrebbero essere nascosti dalla tecnologia assistiva).
E displaynon è nemmeno trasferibile, quindi se vuoi sfumare in / dissolvere quell'elemento con transition, è fuori. A meno che tu non coinvolga JavaScript per applicare quella proprietà solo dopo che la transizione è avvenuta.
Cos'è la transizione? opacityè, e risulta anche lo visibilityè. Questa combinazione è piuttosto utile insieme, poiché una volta che un elemento ha visibility: hidden;non interferisce con eventi come clic / tocchi. Questa combinazione non toglie l'elemento dal flusso della pagina, il che può essere utile o non utile. La positionproprietà potrebbe essere utile in quelle circostanze.
Vedere! Così tanto a cui pensare!