Διαδικτυακή Γεννήτρια CSS Σκιών Κειμένου

Δημιουργήστε εκπληκτικά εφέ κειμένου κλίσης για τον ιστότοπό

Controls

2
2
4
50

Πολλαπλές σκιές

προκαθορισμένες ρυθμίσεις

Preview

Κείμενο

Σχετικά με τη γεννήτρια

Εύκολο στη χρήση

Δημιουργήστε όμορφες σκιές κειμένου με τη διαισθητική διεπαφή μας. Δεν απαιτούνται γνώσεις CSS!

Πλήρως ανταποκρινόμενο

Λειτουργεί τέλεια σε όλες τις συσκευές, από κινητά τηλέφωνα έως επιτραπέζιους υπολογιστές.

Αποκτήστε καθαρό, έτοιμο για παραγωγή κώδικα CSS που μπορείτε να χρησιμοποιήσετε στα έργα σας αμέσως.

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

1

Προσαρμογή των ρυθμιστικών

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

2

Επιλογή χρώματος

Επιλέξτε οποιοδήποτε χρώμα για τη σκιά κειμένου χρησιμοποιώντας τον επιλογέα χρώματος ή την εισαγωγή δεκαεξαδικού κώδικα.

3

Προεπισκόπηση του σχεδίου σας

Δείτε πώς φαίνεται η σκιά κειμένου σας σε πραγματικό χρόνο με τη διαδραστική προεπισκόπηση.

4

Αντιγράψτε το CSS

Κάντε κλικ στο κουμπί αντιγραφής για να λάβετε τον κώδικα CSS που δημιουργήσατε και να τον χρησιμοποιήσετε στο έργο σας.

Δημοφιλή παραδείγματα

λάμψης νέον

Εφέ

text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #0073e6, 0 0 20px #0073e6, 0 0 25px #0073e6;

νέον Εφέ κειμένου 3D Εφέ

κειμένου 3D Λεπτή

text-shadow: 1px 1px 0px #c4c4c4, 2px 2px 0px #c4c4c4, 3px 3px 0px #c4c4c4, 4px 4px 0px #c4c4c4;

σκιά

Λεπτή σκιά Εσωτερική

text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);

σκιά

Εσωτερική σκιά

text-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.5);

Related Tools