Σχετικά με αυτό το εργαλείο
Τι είναι το CSS Gradient Generator;
Δημιουργήστε CSS διαβαθμίσεις με ζωντανή προεπισκόπηση. Επιλέξτε τον τύπο (γραμμική, ακτινωτή, κωνική), προσθέστε απεριόριστα σημεία χρώματος, ορίστε τη γωνία (ή τη θέση για ακτινωτή) και αντιγράψτε το παραγόμενο CSS. Η έξοδος υποστηρίζει όλα τα σύγχρονα προγράμματα περιήγησης· για παλαιότερα περιλαμβάνουμε εναλλακτικές με προθέμανση προμηθευτή.
Οι σχεδιαστές το χρησιμοποιούν για φόντα ήρωα, στυλ κουμπιών και εξερεύνηση χρωματικής διάθεσης brand. Εξαγωγή ως CSS, κλάσεις Tailwind ή SVG.
FAQ · CSS GRADIENT GENERATOR
Ερωτήσεις για το CSS Gradient Generator
Ποιοι τύποις διαβαθμίσεων υποστηρίζονται;
Γραμμικές (οι πιο συνηθισμένες — βάσει γωνίας), ακτινωτές (κυκλικές ή ελλειptικές, με δυνατότητα τοποθέτησης) και κωνικές (ο νεότερος τύπος — σαρώνει χρώματα γύρω από ένα κεντρικό σημείο, ιδανικές για σχέδια τύπου πίτας). Όλες εξάγονται ως τυπικό CSS.
Μπορώ να εξάγω σε Tailwind;
Ναι — παράλληλα με το ακατέργαστο CSS, η γεννήτρια εξάγει κλάσεις βοηθητικών στοιχείων του Tailwind (π.χ. `bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500`) όταν τα σημεία χρώματος ταιριάζουν με την ονομαστική παλέτα του Tailwind.
Δωρεάν;
Ναι — χωρίς εγγραφή, λειτουργεί στο πρόγραμμα περιήγησης.