Nav tikai viena CSS rekvizīta, pēc kura jūs piekļūstat, slēpjot un parādot lietas CSS. Šajā videoklipā mēs aplūkosim vairākus apsvērumus.
Piemēram, ir displayīpašums, kas display: none;ļoti efektīvi slēpj lietas. Bet tas paslēps šo elementu arī no palīgtehnoloģijas, un jūs to ne vienmēr vēlaties, piemēram, nolaižamo navigācijas izvēlni (nolaižamās izvēlnes ir vizuāli paslēptas, taču tās nevajadzētu paslēpt no palīgtehnoloģijas).
Un displaytas nav arī pārejams, tāpēc, ja vēlaties izbalināt / izbalināt šo elementu transition, tas ir ārā. Ja vien jūs neiesaista JavaScript, lai lietotu šo īpašumu tikai pēc pārejas.
Kas ir pārejams? opacityir, un izrādās, ka visibilityarī. Šī kombinācija ir diezgan noderīga kopā, jo pēc elementa iegūšanas visibility: hidden;tā netraucē tādiem notikumiem kā klikšķi / pieskārieni. Šis kombinācija tomēr neizņem elementu no lapas plūsmas, kas var būt noderīga vai nav noderīga. positionĪpašums var būt noderīga šajos apstākļos.
Redzi! Tik daudz jādomā!