Γεννήτρια κλίμακας CSS
Δημιουργήστε γραμμικές, ακτινικές και κωνικές κλίμακες CSS στο πρόγραμμα περιήγησής σας.
Στάσεις χρώματος
Χρησιμοποιήστε τις λαβές στάσης ή τα βέλη πληκτρολογίου για να επεξεργαστείτε τις θέσεις. Κάθε στάση περιλαμβάνει ένα σαφές χρώμα, αδιαφάνεια και ποσοστό.
Τοπική επεξεργασία στο πρόγραμμα περιήγησης
Το gradient σας παραμένει σε αυτό το πρόγραμμα περιήγησης. Κανένα χρώμα ή παραγόμενο CSS δεν αποστέλλεται στο Convertr.
Περιορισμένη γραμματική εισαγωγής
Η εισαγωγή αποδέχεται linear-gradient(), radial-gradient() ή conic-gradient() με εξαδικά χρώματα και ποσοστά. Οι δηλώσεις, URLs, μεταβλητές και άγνωστες συναρτήσεις απορρίπτονται τοπικά.
Προσβάσιμο εφεδρικό
Το παραγόμενο CSS περιλαμβάνει μια σταθερή υποχώρηση χρώματος φόντου μαζί με το gradient για μη υποστηριζόμενες αποδόσεις και προσβάσιμο χειριστήριο ελέγχου.
Συχνές Ερωτήσεις
Το gradient μου ανέβηκε;
Όχι. Η κατάσταση gradient, τα χρώματα, το εισαγόμενο CSS και το παραγόμενο CSS παραμένουν στο πρόγραμμα περιήγησής σας.
Ποιοι τύποι CSS gradient υποστηρίζονται;
Η γεννήτρια δημιουργεί έξοδο linear-gradient(), radial-gradient() και conic-gradient() με πολλαπλές εξαδικές χρωματικές στάσεις.
Τι μπορώ να εισαγάγω;
Η εισαγωγή αποδέχεται μια σκόπιμα περιορισμένη γραμματική χρησιμοποιώντας μία υποστηριζόμενη συνάρτηση gradient, εξαδικά χρώματα, προαιρετικά ποσοστά και περιορισμένες τιμές γωνίας ή θέσης.
Σχετικά εργαλεία σχεδιασμού και προγραμματισμού
Γεννήτρια κλίμακας CSS
Κατασκευάστε γραμμικές ή ακτινικές κλίσεις CSS και προεπισκόπηση σημείων χρώματος, γωνίας, θέσης και επανάληψης.
- Εισαγωγή
- τύπος κλίσης, στάσεις χρώματος, θέσεις, γωνία και ρυθμίσεις επανάληψης.
- Έξοδος
- ζωντανή προβολή και αντιγράψιμη δήλωση CSS background.
- Πραγματικοί περιορισμοί
- Η απόδοση του προγράμματος περιήγησης μπορεί να διαφέρει ελαφρώς ανά μηχανή και το εργαλείο δεν αξιολογεί την αντίθεση ούτε εγγυάται υποστήριξη σε παλαιότερα προγράμματα περιήγησης.
- Απόρρητο και επεξεργασία δεδομένων
- ο τύπος διαβάθμισης, οι στάσεις χρώματος, οι θέσεις, η γωνία και οι ρυθμίσεις επανάληψης επεξεργάζονται σε αυτήν την καρτέλα του προγράμματος περιήγησης. Ο Convertr δεν το λαμβάνει ούτε το αποθηκεύει· το κλείσιμο ή η επαναφόρτωση της σελίδας καθαρίζει την κατάσταση εργασίας, εκτός εάν το εργαλείο προσφέρει ρητά μια τοπική λήψη.
Πώς να χρησιμοποιήσετε αυτό το εργαλείο
- Παρέχετε τον τύπο διαβάθμισης, τις στάσεις χρώματος, τις θέσεις, τη γωνία και τις ρυθμίσεις επανάληψης στα χειριστήρια του εργαλείου.
- Επιλέξτε τις ρυθμίσεις που επηρεάζουν μια ζωντανή προεπισκόπηση και μια αντιγράψιμη δήλωση CSS φόντου, στη συνέχεια εκτελέστε το εργαλείο.
- Εξετάστε μια ζωντανή προεπισκόπηση και μια αντιγράψιμη δήλωση CSS background πριν την αντιγραφή ή λήψη.
Κοινοί τρόποι αποτυχίας
Μια ελλιπής στάση χρώματος, μη έγκυρο χρώμα ή ασύμβατη θέση εμποδίζει την κατασκευή έγκυρης δήλωσης CSS.
Χρήσιμο παράδειγμα
Δημιουργήστε μια γραμμική κλίση 90 μοιρών από #111827 στο 0% έως #f59e0b στο 100% και αντιγράψτε τη δήλωση.