Γεννήτρια CSS Text Shadow
Δημιουργήστε CSS text-shadow εφέ οπτικά με ζωντανή προεπισκόπηση. Ρυθμίστε μετατοπίσεις, θόλωση, χρώμα και αδιαφάνεια. Προσθέστε πολλαπλά επίπεδα σκιάς. Αντιγράψτε κώδικα CSS. Δωρεάν online εργαλείο.
Προεπισκόπηση
Έξοδος CSS
Αναφορά
Τι είναι το CSS text-shadow;
Η ιδιότητα CSS text-shadow προσθέτει εφέ σκιάς στο κείμενο. Όπως το box-shadow, μπορείτε να εφαρμόσετε πολλαπλές σκιές χωρίζοντάς τες με κόμματα για να δημιουργήσετε εφέ βάθους και λάμψης.
Σύνταξη text-shadow
text-shadow: offset-x offset-y blur-radius color;
Σε αντίθεση με το box-shadow, το text-shadow δεν υποστηρίζει τις τιμές spread ή inset.
Συμβουλές σχεδίασης
Οι διακριτικές σκιές (1-2px μετατόπιση, χαμηλή αδιαφάνεια) προσθέτουν βάθος χωρίς να αποσπούν. Τα εφέ λάμψης χρησιμοποιούν 0 μετατόπιση με υψηλή θόλωση και φωτεινό χρώμα. Πολλαπλά επίπεδα μπορούν να δημιουργήσουν neon, retro ή 3D εφέ κειμένου.
Απόρρητο
Όλη η δημιουργία text shadow εκτελείται 100% στον browser σας. Κανένα δεδομένο δεν αποστέλλεται σε κανέναν server.