Il n'y a pas qu'une seule propriété CSS que vous atteignez lorsque vous masquez et affichez des éléments en CSS. Nous allons aborder un certain nombre de considérations dans cette vidéo.
Par exemple, il y a la displaypropriété dans laquelle display: none;est très efficace pour cacher les choses. Mais cela masquera également cet élément de la technologie d'assistance, et vous ne le voulez pas toujours, comme un menu de navigation déroulant (les listes déroulantes sont visuellement masquées mais ne doivent pas être masquées par la technologie d'assistance).
Et displayn'est pas non plus transposable, donc si vous voulez fondre / fondu avec cet élément transition, c'est fini. Sauf si vous impliquez JavaScript pour appliquer cette propriété uniquement après la transition.
Qu'est-ce que la transition? opacityest, et s'avère visibilityaussi. Cette combinaison est assez utile ensemble, car une fois qu'un élément a, visibility: hidden;il n'interfère pas avec des événements tels que les clics / pressions. Ce combo ne supprime pas l'élément du flux de page, ce qui peut être utile ou non. La positionpropriété pourrait être utile dans ces circonstances.
Voir! Tant de choses à penser!