Paslėpdami ir parodydami dalykus CSS galite pasiekti ne tik vieną CSS ypatybę. Šiame vaizdo įraše apžvelgsime daugybę aspektų.
Pavyzdžiui, yra displaysavybė, kuri display: none;labai efektyviai slepia daiktus. Bet tai paslėps ir elementą nuo pagalbinių technologijų, ir jūs to ne visada norite, pavyzdžiui, išskleidžiamajame naršymo meniu (išskleidžiamieji meniu yra vizualiai paslėpti, tačiau neturėtų būti paslėpti nuo pagalbinių technologijų).
Ir jis displaytaip pat nėra perkeliamas, taigi, jei norite išnykti / išnykti tuo elementu transition, tai yra. Nebent jūs įtraukiate „JavaScript“, kad ta nuosavybė būtų pritaikyta tik įvykus perėjimui.
Kas yra perkeliama? opacityyra, o pasirodo visibilitytaip pat. Šis derinys yra gana naudingas kartu, nes kai elementas jau turi, visibility: hidden;jis netrukdo įvykiams, pvz., Paspaudimams / bakstelėjimams. Šis derinys nepašalina elemento iš puslapio srauto, kuris gali būti naudingas arba nenaudingas. positionNuosavybė gali būti naudinga tais atvejais.
Matyti! Tiek daug pagalvoti!
