Δημιουργήστε Όμορφες Διαβαθμίσεις Κειμένου 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
Δημιουργήστε Μετασχηματισμούς CSS3 με Εύκολη Χρήση
Ένα ισχυρό, διαισθητικό εργαλείο για τη δημιουργία σύνθετων μετασχηματισμών CSS3 χωρίς σύνταξη κώδικα. Οπτικοποιήστε τις αλλαγές σε πραγματικό χρόνο και αντιγράψτε το CSS που δημιουργείται για χρήση στα έργα σας.
Μετατροπέας γραφίδας σε CSS
Μετατρέψτε τον κώδικα SCSS σε CSS. Γρήγορα, εύκολα και με ασφάλεια.
Μετατροπέας SCSS σε CSS
Μετατρέψτε τον κώδικα SCSS σε CSS. Γρήγορα, εύκολα και με ασφάλεια.
Υπολογιστής hash SHA-1
Δημιουργήστε κατακερματισμούς SHA-1 γρήγορα και εύκολα
Υπολογιστής hash SHA3-256
Δημιουργήστε κατακερματισμούς SHA3-256 γρήγορα και εύκολα
Μετατροπέας λατινικών αριθμών σε αριθμούς
βήμα προς βήμα