Γεννήτρια CSS Gradient
Δημιουργήστε γραμμικές, ακτινικές και κωνικές διαβαθμίσεις CSS με πολλαπλές στάσεις χρώματος και αντιγράψτε τον κώδικα.
background: —;
Όλα εκτελούνται στο πρόγραμμα περιήγησής σας — χωρίς μεταφόρτωση, χωρίς εγγραφή.
Σχετικά με το Γεννήτρια CSS Gradient
Ο CSS Gradient Generator δημιουργεί γραμμικές, ακτινωτές και κωνικές διαβαθμίσεις με πλήρη οπτικό έλεγχο. Προσθέστε χρωματικά σημεία κάνοντας κλικ στη μπάρα διαβάθμισης, σύρετέ τα για επανατοποθέτηση, και δώστε σε κάθε σημείο το δικό του χρώμα, διαφάνεια και θέση. Οι γραμμικές διαβαθμίσεις αποκτούν έλεγχο γωνίας· οι ακτινωτές ένα σχήμα (κύκλος ή έλλειψη) και θέση· οι κωνικές μια αρχική γωνία.
Η ζωντανή προεπισκόπηση δείχνει ακριβώς τι θα αποδώσει ο browser, και ένα κουμπί τυχαιοποίησης μαζί με ένα σύνολο επιμελημένων προκαθορισμένων προτύπων είναι εκεί όταν χρειάζεστε ένα σημείο εκκίνησης αντί για έναν κενό καμβά. Τα σημεία μπορούν να προστεθούν και να αφαιρεθούν ελεύθερα — μια διαβάθμιση χρειάζεται απλώς τουλάχιστον δύο.
Όταν φαίνεται σωστό, αντιγράψτε την απλή τιμή διαβάθμισης ή έναν πλήρη κανόνα CSS. Ο generator εκτελείται εξ ολοκλήρου στον browser σας χωρίς μεταφόρτωση και χωρίς εγγραφή, καθιστώντας τον έναν γρήγορο σύντροφο για κουμπιά, φόντα ήρωα, περιγράμματα και εφέ κειμένου.
Πώς να χρησιμοποιήσετε το Γεννήτρια CSS Gradient
- Επιλέξτε τον τύπο διαβάθμισης: linear, radial ή conic.
- Ορίστε τη γωνία (linear), το σχήμα και τη θέση (radial), ή την αρχική γωνία (conic).
- Κάντε κλικ στη μπάρα διαβάθμισης για να προσθέσετε χρωματικά σημεία και σύρετέ τα στη θέση τους.
- Δώστε σε κάθε σημείο το χρώμα, τη διαφάνεια και την ακριβή θέση του.
- Δοκιμάστε τα προκαθορισμένα πρότυπα ή το κουμπί τυχαιοποίησης για γρήγορη έμπνευση.
- Αντιγράψτε την τιμή διαβάθμισης ή τον πλήρη κανόνα CSS.