Δημιουργήστε Όμορφες Διαβαθμίσεις Κειμένου CSS Χωρίς Κακό
Δημιουργήστε εκπληκτικά εφέ κειμένου κλίσης για τον ιστότοπό
Στοιχεία ελέγχου
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Δημοφιλή ντεγκραντέ
Τρόπος χρήσης Εισαγάγετε
το κείμενό
σαςΠληκτρολογήστε το κείμενο στο οποίο θέλετε να εφαρμόσετε την κλίση στο πεδίο εισαγωγής "Κείμενο".
Επιλέξτε "Τύπος
Επιλέξτε μεταξύ γραμμικών, ακτινικών ή κωνικών τύπων ντεγκραντέ.
Ρύθμιση κατεύθυνσης ή γωνίας
Για γραμμικά ντεγκραντέ, επιλέξτε μια κατεύθυνση. Για κωνικά ντεγκραντέ, ορίστε τη γωνία.
Προσαρμογή χρωμάτων
Προσθέστε, αφαιρέστε ή προσαρμόστε τους κόμβους χρωμάτων και τις θέσεις τους για να δημιουργήσετε το επιθυμητό ντεγκραντέ.
Αντιγραφή ή αποθήκευση CSS
Αντιγράψτε τον κώδικα CSS που δημιουργήθηκε ή αποθηκεύστε τον ως αρχείο CSS για χρήση στα έργα σας.
Πληροφορίες για τα ντεγκραντέ κειμένου Τα
ντεγκραντέ κειμένου CSS σάς επιτρέπουν να εφαρμόζετε όμορφα, πολύχρωμα ντεγκραντέ απευθείας στο κείμενο. Αυτό το εφέ ήταν κάποτε δυνατό μόνο με εικόνες, αλλά το σύγχρονο CSS το καθιστά απλό και αποτελεσματικό.
Υποστήριξη προγράμματος περιήγησης:Οι διαβαθμίσεις κειμένου υποστηρίζονται σε όλα τα σύγχρονα προγράμματα περιήγησης, συμπεριλαμβανομένων των Chrome, Firefox, Safari και Edge. Για παλαιότερα προγράμματα περιήγησης, όπως ο Internet Explorer, το κείμενο θα επιστρέψει σε ένα συμπαγές χρώμα.
Συμβουλές χρήσης:Οι διαβαθμίσεις κειμένου λειτουργούν καλύτερα με έντονους χρωματικούς συνδυασμούς κειμένου και υψηλής αντίθεσης. Πειραματιστείτε με διαφορετικούς τύπους κλίσης και κατευθύνσεις για να επιτύχετε το επιθυμητό αποτέλεσμα.
Related Tools
Μετατροπέας SCSS σε CSS
Μετατρέψτε τον κώδικα SCSS σε CSS. Γρήγορα, εύκολα και με ασφάλεια.
Μετατροπέας γραφίδας σε CSS
Μετατρέψτε τον κώδικα SCSS σε CSS. Γρήγορα, εύκολα και με ασφάλεια.
Γεννήτρια Μετάβασης CSS3
Ομαλή μετάβαση
Μετατροπέας Φωτισμού
Μετατροπή φωτεινότητας μεταξύ διαφορετικών μονάδων με ακρίβεια
Δυαδικό σε ASCII
Μετατροπή δυαδικού κώδικα σε χαρακτήρες ASCII χωρίς
Διαδικτυακή Γεννήτρια CSS Σκιών Κειμένου
Δημιουργήστε εκπληκτικά εφέ κειμένου κλίσης για τον ιστότοπό