Det finns inte bara en enda CSS-egenskap som du når efter när du gömmer och visar saker i CSS. Det finns en massa överväganden som vi kommer att gå igenom i den här videon.
Till exempel finns det displayegenskapen som display: none;är mycket effektiv för att dölja saker. Men det kommer också att dölja det elementet från hjälpteknik, och det vill du inte alltid, som en rullgardinsmeny (rullgardinsmenyn är visuellt dold men bör inte döljas från hjälpteknik).
Och kan displayinte överföras heller, så om du vill tona ut / tona ut det elementet med transition, är det ute. Om du inte använder JavaScript för att tillämpa den egenskapen först efter att övergången har skett.
Vad kan överföras? opacityär, och visar sig visibilityockså. Denna kombination är ganska användbar tillsammans, eftersom en gång ett element har visibility: hidden;stör det inte händelser som klick / kranar. Den här kombinationen tar dock inte elementet ur sidflödet, vilket kan vara användbart eller inte användbart. Den positionegenskapen kan vara användbar under dessa omständigheter.
Ser! Så mycket att tänka på!