Δημιουργία σκιών κειμένου

Δημιουργήστε ευανάγνωστα στυλ κειμένου-σκιάς με ζωντανή προεπισκόπηση τυπογραφίας. Πληκτρολογήστε σε μετατόπιση, θόλωση και χρώμα και, στη συνέχεια, αντιγράψτε το CSS.

Text Shadow Generator

Live

Sample text

Offset X2px

Offset Y4px

Blur12px

Shadow color

Shadow

CSS output

text-shadow: 2px 4px 12px #be185d;

Key capabilities

Δημιουργήστε ευανάγνωστα στυλ κειμένου-σκιάς με ζωντανή προεπισκόπηση τυπογραφίας.
Εκτελείται στο πρόγραμμα περιήγησής σας
Δωρεάν για χρήση

Πώς να χρησιμοποιήσεις

Πληκτρολογήστε δείγμα κειμένου εάν θέλετε.
Συντονίστε τη μετατόπιση, το θάμπωμα και το χρώμα X/Y.
Αντιγράψτε το CSS σκιάς κειμένου.

How this tool works

Πληκτρολογήστε δείγμα κειμένου εάν θέλετε.
Συντονίστε τη μετατόπιση, το θάμπωμα και το χρώμα X/Y.
Αντιγράψτε το CSS σκιάς κειμένου.

Recommended settings

Χρησιμοποιήστε πρώτα τις προεπιλεγμένες επιλογές και μετά προσαρμόστε εάν χρειάζεται

Supported formats

Text / on-page input

File size and limits

Οι πολύ περίπλοκες προεπισκοπήσεις πολλαπλών επιπέδων ενδέχεται να είναι πιο αργές σε παλαιότερα τηλέφωνα.

Privacy

Οι γεννήτριες χρωμάτων και CSS εκτελούνται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας. Οι προεπισκοπήσεις και οι μετατροπές δεν ανεβάζουν ποτέ τα στυλ σας.

Common use cases

Χρησιμοποιήστε το Text Shadow Generator όποτε χρειάζεστε: Δημιουργήστε ευανάγνωστα στυλ σκιών κειμένου με ζωντανή προεπισκόπηση τυπογραφίας.

Troubleshooting

Η προεπισκόπηση φαίνεται διαφορετική μετά την επικόλληση

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

FAQ

Αυτό ανεβάζει το CSS μου;

Όχι. Οι γεννήτριες και οι μετατροπείς εκτελούνται στο πρόγραμμα περιήγησής σας με ζωντανή προεπισκόπηση.

Χρειάζομαι λογαριασμό;

Όχι. Ανοίξτε το εργαλείο, τροποποιήστε τα στοιχεία ελέγχου και αντιγράψτε το CSS.