CSS ΓΕΝΤΡΙΚΟΓΡΑΦΟ
Δημιουργήστε γραμμικά, ακτινογραφικά και κωνικά gradients CSS στο πρόγραμμα περιήγησής σας.
Χρώμα σταμάτησε
Χρησιμοποιήστε τα χέρια σταμάτησης ή τα ελαστικά πληκτρολογίου για να επεξεργαστείτε τις θέσεις.Κάθε σταμάτημα περιλαμβάνει ένα σαφές χρώμα, αδιαφανειακή και ποσοστό.
Τοπική επεξεργασία του browser-native
Το gradient σας παραμένει σε αυτό το πρόγραμμα περιήγησης. Δεν αποστέλλονται χρώματα ή γεννηθεί CSS στο Converter.
Περιορισμένη εισαγωγική γραμματοσειρά
Οι εισαγωγές αποδέχονται γραμμικό-gradient(), ριδαίο-gradent() ή κοニック-graduent( ) με χρωματιστά χρώματα και ποσοστά. οι δηλώσεις, οι URLs, οι μεταβλητές και οι άγνωστες λειτουργίες απορρίπτονται τοπικά.
Διαθέσιμο Fallback
Το γεννημένο CSS περιλαμβάνει ένα σταθερό φόντο-χρώμα υποχώρηση μαζί με το gradient για μη υποστηριζόμενους renderers και προσβάσιμο σύστημα ελέγχου.
Συχνές Ερωτήσεις
Το gradient μου είναι ανεβαίνοντας;
Δεν Gradient κατάσταση, χρώματα, εισαγόμενα CSS και δημιουργημένα CSS παραμένουν στο πρόγραμμα περιήγησης σας.
Ποια CSS Gradient τύπους υποστηρίζονται;
Ο γεννήτρια δημιουργεί γραμμική-gradient(), ριδαλική-gradent() και κοニック-graduent() εκπομπή με πολλαπλές hex χρώμα σταυροδρόμια.
Τι μπορώ να εισαγάγω;
Οι εισαγωγές αποδέχονται μια σκόπιμα περιορισμένη γραμματοσειρά χρησιμοποιώντας μία υποστηριζόμενη λειτουργία gradient, χρωστικές χρωμάτων, επιλεκτικά ποσοστά και περιορισμένες τιμές γωνίας ή θέσης.
Σχετικά εργαλεία σχεδιασμού και προγραμματισμού
CSS ΓΕΝΤΡΙΚΟΓΡΑΦΟ
Κατασκευάστε γραμμικά ή ακτινογραφικά CSS gradients και προβολή σταυρών χρωμάτων, γωνίας, θέσης και επαναλήψεων.
- Εισαγωγή
- τύπος gradient, σταυροί χρώματος, θέσεις, γωνία και επαναλαμβανόμενες ρυθμίσεις.
- Έξοδος
- ζωντανή προβολή και αντιγραφική δήλωση CSS background.
- Πραγματικοί περιορισμοί
- Η αναπαραγωγή του προγράμματος περιήγησης μπορεί να διαφέρει ελαφρώς ανά μηχανή, και το εργαλείο δεν αξιολογεί την αντίθεση ή εγγυάται υποστήριξη σε κληρονομικές προγράμματα περιήγηση.
- Προσωπικότητα και επεξεργασία δεδομένων
- ο τύπος του κλάδου, οι σταθμοί χρώματος, οι θέσεις, η γωνία και οι ρυθμίσεις επαναλήψεως επεξεργάζονται σε αυτό το παράθυρο του προγράμματος περιήγησης. ο μετατροπέας δεν λαμβάνει ή αποθηκεύει το κείμενο. το κλείσιμο ή η επανεγκατάσταση της σελίδας καθαρίζει την κατάσταση εργασίας εκτός εάν το εργαλείο προσφέρει ρητώς μια τοπική λήψη.
Πώς να χρησιμοποιήσετε αυτό το εργαλείο
- Παρέχετε τον τύπο gradient, σταυροί χρώματος, θέσεις, γωνία και επαναλαμβανόμενες ρυθμίσεις στις ελέγχους εργαλείου.
- Επιλέξτε τις ρυθμίσεις που επηρεάζουν μια ζωντανή προβολή και αντιγραφική δήλωση CSS υπόβαθρου, στη συνέχεια εκτελέστε το εργαλείο.
- Εξετάστε μια ζωντανή προβολή και αντιγραφική δήλωση CSS background πριν την αντιγραφή ή λήψη.
Κοινές διαστάσεις αποτυχίας
Μια απουσία σταμάτησης χρώματος, ακατάλληλη χρωματική ή ασυμβίβαστη θέση εμποδίζει την κατασκευή έγκυρης δήλωσης CSS.
Χρήσιμο παράδειγμα
Δημιουργήστε ένα γραμμικό βαθμό 90 από το #111827 στο 0% μέχρι το #f59e0b στο 100% και αντιγράψτε την δήλωση.