Δεν υπάρχει μόνο μία ιδιότητα CSS για την οποία αναζητάτε κατά την απόκρυψη και την εμφάνιση πραγμάτων στο CSS. Υπάρχουν πολλές σκέψεις που θα εξετάσουμε σε αυτό το βίντεο.
Για παράδειγμα, υπάρχει η displayιδιότητα στην οποία display: none;είναι πολύ αποτελεσματική στην απόκρυψη πραγμάτων. Αλλά θα κρύψει αυτό το στοιχείο και από την υποβοηθητική τεχνολογία και δεν το θέλετε πάντα, όπως ένα αναπτυσσόμενο μενού πλοήγησης (τα αναπτυσσόμενα μενού είναι οπτικά κρυμμένα αλλά δεν πρέπει να κρύβονται από την υποστηρικτική τεχνολογία).
Και displayδεν είναι επίσης μεταβατικό, οπότε αν θέλετε να ξεθωριάσετε / ξεθωριάσετε αυτό το στοιχείο transition, αυτό είναι έξω Εκτός εάν χρησιμοποιήσετε JavaScript για να εφαρμόσετε αυτήν την ιδιότητα μόνο μετά την πραγματοποίηση της μετάβασης.
Τι είναι μεταβιβάσιμο; opacityείναι, και αποδεικνύεται visibilityεπίσης. Αυτός ο συνδυασμός είναι πολύ χρήσιμος μαζί, καθώς μια φορά το στοιχείο visibility: hidden;δεν επηρεάζει γεγονότα όπως κλικ / πατήματα. Αυτός ο συνδυασμός δεν αφαιρεί το στοιχείο από τη ροή σελίδας, κάτι που μπορεί να είναι χρήσιμο ή μη χρήσιμο. Το positionακίνητο μπορεί να είναι χρήσιμο σε αυτές τις περιπτώσεις.
Βλέπω! Τόσα πολλά να σκεφτώ!