Δημιουργός Διαβάθμισης
Δημιουργήστε γραμμικές, ακτινωτές και κωνικές CSS διαβαθμίσεις από μηδέν με draggable έλεγχο πολλαπλών σημείων και επιμελημένα presets. Αντιγράψτε έτοιμο CSS άμεσα.
background: —;
Όλα υπολογίζονται ζωντανά στο πρόγραμμα περιήγησης — χωρίς εγγραφή, εντελώς δωρεάν.
Σχετικά με το Δημιουργός Διαβάθμισης
Ο Δημιουργός Διαβάθμισης χτίζει προσαρμοσμένες διαβαθμίσεις CSS από το μηδέν. Επιλέξτε έναν τύπο γραμμικό, ακτινικό ή κωνικό, ορίστε τη γωνία, και διαμορφώστε το μείγμα με έναν επεξεργαστή πολλαπλών σημείων: σύρετε λαβές για να μετακινήσετε σημεία, κάντε κλικ στη μπάρα για να προσθέσετε νέα, και αλλάξτε το χρώμα οποιουδήποτε σημείου με έναν επιλογέα — η ζωντανή προεπισκόπηση ενημερώνεται καθώς εργάζεστε.
Επιμελημένα προκαθορισμένα σχέδια σας δίνουν ένα ισχυρό σημείο εκκίνησης όταν δεν θέλετε να ξεκινήσετε από κενή σελίδα, και ενέργειες με ένα κλικ — τυχαίο, αντιστροφή, περιστροφή 45° — κάνουν την εξερεύνηση γρήγορη. Ο δημιουργημένος κώδικας CSS είναι πάντα ορατός και παραμένει συγχρονισμένος με την προεπισκόπηση, οπότε αυτό που αντιγράφετε είναι ακριβώς αυτό που είδατε.
Όλα υπολογίζονται ζωντανά στο πρόγραμμα περιήγησής σας χωρίς κόστος. Αντιγράψτε τον πλήρη κανόνα CSS ή μόνο την τιμή background και επικολλήστε τον σε ένα φύλλο στυλ, ένα στυλ κουμπιού ή μια ενότητα hero — ένας απλός δημιουργός διαβάθμισης CSS για φόντα, επικαλύψεις και στοιχεία τονισμού διεπαφής.
Πώς να χρησιμοποιήσετε το Δημιουργός Διαβάθμισης
- Επιλέξτε έναν τύπο διαβάθμισης: γραμμικό, ακτινικό ή κωνικό.
- Ξεκινήστε από ένα προκαθορισμένο σχέδιο ή κάντε κλικ στο «Random» για άμεσο σημείο εκκίνησης.
- Σύρετε τις λαβές σημείων για να τοποθετήσετε χρώματα, κάντε κλικ στη μπάρα για να προσθέσετε σημεία, και επεξεργαστείτε το χρώμα κάθε σημείου.
- Ρυθμίστε τη γωνία, ή χρησιμοποιήστε «Reverse» και «Rotate 45°» για να αναπροσανατολίσετε το μείγμα.
- Αντιγράψτε τον κανόνα CSS ή την τιμή background και επικολλήστε τον στο έργο σας.