Nu există o singură proprietate CSS la care să ajungeți atunci când ascundeți și afișați lucruri în CSS. Există o serie de considerații pe care le vom analiza în acest videoclip.
De exemplu, există displayproprietatea în care display: none;este foarte eficient să ascundă lucrurile. Dar va ascunde acel element și de tehnologia de asistență și nu doriți întotdeauna acest lucru, cum ar fi un meniu de navigare derulant (meniurile derulante sunt ascunse vizual, dar nu ar trebui ascunse de tehnologia de asistență).
Și displaynici nu este tranzițional, așa că, dacă doriți să estompați / estompați acel element cu transition, acesta este în afara. Cu excepția cazului în care implicați JavaScript pentru a aplica acea proprietate numai după ce s-a produs tranziția.
Ce este tranzițional? opacityeste și se dovedește că visibilityeste prea. Această combinație este destul de utilă împreună, deoarece odată ce un element are visibility: hidden;, nu interferează cu evenimente precum clicuri / atingeri. Acest combo nu scoate totuși elementul din fluxul de pagini, ceea ce poate fi util sau nu. positionProprietatea ar putea fi utile în aceste condiții.
Vedea! Atât de multe de gândit!