Καλύτερη ελεύθερη CSS Γεννήτρια διαβαθμιστών
Κατασκευή γραμμικών και ακτινικών κλίσεων CSS με μια ζωντανή προεπισκόπηση ~ αντιγράψτε τον κώδικα φόντου.
100% δωρεάν
Δεν υπάρχει εγγραφή
Χωρίς υδατογράφημα
✨
Go Pro για τα καλύτερα μοντέλα AI - εικόνα, βίντεο και συνομιλία - συν μεγαλύτερα φορτία, προτεραιότητα στην ουρά και δεν περιμένει.
Αναβάθμιση σε Pro
Αγάπη Best.Free? Μοιράσου το.
Πώς λειτουργεί
- Επιλέξτε έναν τύπο. Επιλέξτε γραμμική ή ακτινωτή γωνία και ρυθμίστε τη γωνία για γραμμική κλίση.
- Επιλέξτε χρώματα και στάσεις. Ορισμός δύο ή περισσότερων χρωμάτων και των θέσεων τους· προσθήκη τρίτης στάσης σε Προχωρημένες επιλογές.
- Αντιγραφή του CSS. Χτυπήστε CSS αντίγραφο και επικολλήστε την κλίση φόντου στο φύλλο στυλ σας.
Σχετικά με αυτό το εργαλείο
Φτιάξτε μια κλίση CSS με το μάτι αντί για τιμές επεξεργασίας τυφλές. Διακόπτετε μεταξύ γραμμικής και ακτινικής, σύρετε τη γωνία για μια γραμμική κλίση, και επιλέξτε χρώματα και θέσεις για τουλάχιστον δύο στάσεις, ενώ μια πλήρη-πλάτους προεπισκόπησης ενημερώσεις ζωντανά. Αντιγράψτε το στοιχείο φόντο που προκύπτει κατευθείαν στο φύλλο στυλ σας. Οι προηγμένες επιλογές προσθέτουν μια τρίτη στάση χρώματος για πλουσιότερα μείγματα και σας επιτρέπουν να επιλέξετε ένα σχήμα κύκλου ή ελλειψών για ακτινικές κλίσεις. Όλα τρέχουν στο πρόγραμμα περιήγησής σας.
Για ποιο λόγο το χρησιμοποιούν οι άνθρωποι
- Σχεδιασμός μιας κλίσης φόντου ή ενός ήρωα
- Δημιουργία ενός πλήκτρου ή ενός κομματιού κάρτας
- Αναμειγνύονται με δύο ή τρία χρώματα μάρκας ομαλά
- Δημιουργία ακτινικού προβολέα ή εφέ βινιέτας
Συχνές ερωτήσεις
Μια γραμμική κλίση αναμειγνύεται κατά μήκος μιας ευθείας γραμμής στη γωνία που επιλέγετε.
Για γραμμική κλίση η γωνία καθορίζει την κατεύθυνση του μείγματος
Κάθε στάση είναι ένα χρώμα τοποθετημένο σε ποσοστό κατά μήκος της κλίσης. Μετακινώντας μια στάση αλλάζει όπου το χρώμα κάθεται και πόσο αιχμηρό είναι το μείγμα.
Ναι. Open Advanced επιλογές για να προσθέσετε μια τρίτη στάση χρώματος, που εισάγεται μεταξύ του πρώτου και τελευταίου για ένα μίγμα πολλαπλών χρωμάτων.
Όχι. Τα χρώματα και οι στάσεις μετατρέπονται σε μια συμβολοσειρά CSS τοπικά στο πρόγραμμα περιήγησής σας.
Εντελώς δωρεάν, χωρίς λογαριασμό και χωρίς όρια ~ ένα εργαλείο πελατολογίου με τίποτα να μετρήσει.
Ναι. Τρέχει στο πρόγραμμα περιήγησης σας, έτσι CSS Gradient Generator λειτουργεί σε τηλέφωνα και tablet, καθώς και επιφάνεια εργασίας
Συνήθως μόνο λίγα δευτερόλεπτα για ένα τυπικό αρχείο ~ CSS Gradient Generator αρχίζει να λειτουργεί τη στιγμή που θα του δώσει την εισαγωγή σας.
Η Casual χρήση είναι απεριόριστη, με ένα γενναιόδωρο καπάκι δίκαιης χρήσης που το κρατάει γρήγορο για όλους.
Όλα τα σύγχρονα προγράμματα περιήγησης □ Chrome, Safari, Firefox και Edge. CSS Γεννήτρια Gradient δεν χρειάζεται τίποτα εγκατεστημένο πέρα από το πρόγραμμα περιήγησης που ήδη χρησιμοποιείτε.