Ei ole vain yksi CSS-ominaisuus, jonka tavoittelet piilottaessasi ja esittäessäsi asioita CSS: ssä. Tässä videossa on joukko huomioita.
Esimerkiksi on displayominaisuus, jolla display: none;on erittäin tehokas piilottaa asioita. Mutta se piilottaa tämän elementin myös avustavalta tekniikalta, etkä aina halua sitä, kuten pudotusvalikosta (pudotusvalikot ovat visuaalisesti piilotettuja, mutta niitä ei pitäisi piilottaa aputekniikoilta).
Eikä displaymyöskään ole siirrettävissä, joten jos haluat häivyttää / hämätä kyseisen elementin transition, se on pois. Ellet käytä JavaScriptiä kyseisen ominaisuuden käyttämiseen vasta siirtymisen jälkeen.
Mikä on siirrettävissä? opacityon, ja osoittautuu visibilitymyös. Tämä yhdistelmä on melko hyödyllinen yhdessä, koska kun elementti on saatu, visibility: hidden;se ei häiritse tapahtumia, kuten napsautuksia / napautuksia. Tämä yhdistelmä ei kuitenkaan poista elementtiä sivuvirrasta, mikä voi olla hyödyllistä tai ei hyödyllistä. positionOmaisuus saattaa olla hyötyä tässä tilanteessa.
Katso! Niin paljon ajateltavaa!