Sunset CSS Gradient — Έτοιμος κώδικας
Δημιουργήστε διαβαθμίσεις CSS οπτικά: γραμμικός, ακτινωτός ή κωνικός τύπος, ρυθμιστικό γωνίας και έως έξι χρωματικές στάσεις με ζωντανή προεπισκόπηση πλήρους πλάτους και αντιγράψιμο κώδικα.
Αποτέλεσμα
Αυτή η σελίδα ανοίγει τη γεννήτρια ντεγκραντέ με ένα έτοιμο ηλιοβασίλεμα φορτωμένο: ζεστό κοράλλι #ff7e5f που ρέει σε απαλό ροδάκινο #feb47b, από αριστερά προς τα δεξιά. Η προεπισκόπηση το δείχνει αμέσως σε πλήρες πλάτος και η παρακάτω γραμμή CSS είναι έτοιμη για αντιγραφή ως έχει.
Οι ζεστές αποχρώσεις από κοράλλι σε ροδάκινο αποτελούν βασικό στοιχείο των ηρώων επειδή διαβάζονται ως φιλικά και ενεργητικά χωρίς να υπερισχύουν του λευκού κειμένου. Αυτό το ζεύγος κάθεται αρκετά κοντά σε απόχρωση ώστε το μέσο σημείο να παραμένει καθαρό — χωρίς λασπώδη γκρίζα ζώνη στη μέση, ο συνήθης τρόπος αποτυχίας των κλίσεων μεταξύ απομακρυσμένων χρωμάτων.
Χρησιμοποιήστε το αμετάβλητο ή κάντε το δικό σας: περιστρέψτε τη γωνία για ένα διαγώνιο ηλιοβασίλεμα, τραβήξτε το πρώτο στοπ προς τα μέσα για πιο ισχυρή παρουσία κοραλλιών ή προσθέστε μια τρίτη στάση με βαθύ δαμάσκηνο κοντά στο 100% για αίσθηση σούρουπο. Κάθε αλλαγή ενημερώνει το CSS με δυνατότητα αντιγραφής αμέσως.