Es gibt nicht nur eine einzige CSS-Eigenschaft, nach der Sie greifen, wenn Sie Dinge in CSS ausblenden und anzeigen. Es gibt eine Reihe von Überlegungen, die wir in diesem Video behandeln werden.
Zum Beispiel gibt es die displayEigenschaft, in der display: none;es sehr effektiv ist, Dinge zu verstecken. Aber es wird dieses Element auch vor der Hilfstechnologie verbergen, und das möchten Sie nicht immer, wie ein Dropdown-Navigationsmenü (die Dropdowns sind visuell verborgen, sollten aber nicht vor der Hilfstechnologie verborgen sein).
Und displayist auch nicht übertragbar. Wenn Sie also dieses Element ein- oder ausblenden möchten transition, ist das aus. Es sei denn, Sie verwenden JavaScript, um diese Eigenschaft erst nach dem Übergang anzuwenden.
Was ist übertragbar? opacityist, und stellt sich heraus, visibilityist auch. Diese Kombination ist zusammen ziemlich nützlich, da ein Element, sobald visibility: hidden;es einmal vorhanden ist , Ereignisse wie Klicks / Tippen nicht mehr beeinträchtigt. Diese Kombination nimmt das Element jedoch nicht aus dem Seitenfluss heraus, was nützlich oder nicht nützlich sein kann. Die positionEigenschaft kann unter diesen Umständen nützlich sein.
Sehen! So viel zum Nachdenken!