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