Πώς να εφαρμόσετε τη διακόσμηση κειμένου με αιώρηση, εστίαση και ενεργές καταστάσεις του ουράνιου ανέμου

Pos Na Epharmosete Te Diakosmese Keimenou Me Aiorese Estiase Kai Energes Katastaseis Tou Ouraniou Anemou



Ενώ ενσωματώνει διάφορες λειτουργίες στην ιστοσελίδα ή τον ιστότοπο, υπάρχουν περιπτώσεις όπου ο προγραμματιστής χρειάζεται να προσαρτήσει διαδραστικούς συνδέσμους που γίνονται εμφανείς κατά την ενέργεια του χρήστη, π.χ. το ποντίκι. Σε τέτοια σενάρια, η διακόσμηση κειμένου σύμφωνα με διαφορετικές καταστάσεις κάνει θαύματα στο να κάνει τον ιστότοπο να ξεχωρίζει.

Αυτό το ιστολόγιο καλύπτει τους παρακάτω τομείς περιεχομένου:

Πώς να εφαρμόσετε τη διακόσμηση κειμένου με αιώρηση, εστίαση και ενεργές καταστάσεις του ουράνιου ανέμου;

Το κείμενο μπορεί να διακοσμηθεί μέσω του ' κείμενο-διακόσμηση ” ιδιοκτησία. Αυτή η ιδιότητα μπορεί να εφαρμοστεί με διάφορες καταστάσεις τροποποιητών όπως ' φτερουγίζω ',' Συγκεντρώνω ' και ' ενεργός ” για να διακοσμήσετε το κείμενο ανάλογα με τη δράση του χρήστη.





Παράδειγμα 1: Εφαρμογή διακόσμησης κειμένου με την κατάσταση 'hover'.

Αυτό το παράδειγμα εφαρμόζει το ' κείμενο-διακόσμηση ιδιότητα έτσι ώστε να μην είναι υπογραμμισμένη από προεπιλογή, αλλά να γίνεται υπογραμμισμένη κατά την τοποθέτηση του ποντικιού:





< html >

< κεφάλι >

< μετα σύνολο χαρακτήρων = 'utf-8' >

< μετα όνομα = 'Θύρα προβολής' περιεχόμενο = 'width=device-width, αρχική κλίμακα=1' >

< γραφή src = 'https://cdn.tailwindcss.com' >< / γραφή >< / κεφάλι >

< σώμα >

< textarea τάξη = 'no-underline hover:underline' > Αυτό είναι το Tailwind CSS < / textarea >

< / σώμα >

< / html >

Σύμφωνα με αυτές τις γραμμές κώδικα, καθορίστε τη διαδρομή CDN μέσα στο ' <κεφάλι> ετικέτα ” για να χρησιμοποιήσετε τις λειτουργίες Tailwind. Τώρα, εφαρμόστε το συνδυασμένο ' κείμενο-διακόσμηση ” ακίνητο μαζί με το ” φτερουγίζω δηλώστε έτσι ώστε όταν τοποθετείτε το στοιχείο, να υπογραμμίζεται.



Παραγωγή



Όπως φαίνεται, το «