CSS Radial Gradient Generator
Δημιουργήστε διαβαθμίσεις CSS οπτικά: γραμμικός, ακτινωτός ή κωνικός τύπος, ρυθμιστικό γωνίας και έως έξι χρωματικές στάσεις με ζωντανή προεπισκόπηση πλήρους πλάτους και αντιγράψιμο κώδικα.
Αποτέλεσμα
Αυτή η σελίδα ανοίγει τη γεννήτρια διαβάθμισης με τον ακτινωτό τύπο που έχει ήδη επιλεγεί: τα χρώματα ακτινοβολούν προς τα έξω από το κέντρο του στοιχείου σε ομόκεντρους κύκλους και κάθε στάση που αλλάζετε βάφει ξανά την προεπισκόπηση αμέσως.
Το radial-gradient() είναι το εργαλείο για εφέ προβολέα και λάμψης, απαλές βινιέτες και φόντο που χρειάζονται ένα εστιακό σημείο και όχι μια κατεύθυνση. Οι θέσεις στοπ σε ποσοστό αντιστοιχούν στην απόσταση από το κέντρο — 0% είναι η μέση, 100% η μακρινή άκρη — έτσι το σφίξιμο των πρώτων στάσεων δημιουργεί έναν μικρό φωτεινό πυρήνα, ενώ απλώνοντάς τα κάνει μια ευρεία πλύση.
Αντιγράψτε τη γραμμή φόντου μόλις η προεπισκόπηση φαίνεται σωστή. Το ρυθμιστικό γωνίας είναι κρυμμένο σε αυτήν τη λειτουργία επειδή ένας κύκλος δεν έχει κατεύθυνση — επιστρέψτε σε γραμμικό ή κωνικό και εμφανίζεται ξανά.