Παστέλ CSS Gradient — Έτοιμος κώδικας
Δημιουργήστε διαβαθμίσεις CSS οπτικά: γραμμικός, ακτινωτός ή κωνικός τύπος, ρυθμιστικό γωνίας και έως έξι χρωματικές στάσεις με ζωντανή προεπισκόπηση πλήρους πλάτους και αντιγράψιμο κώδικα.
Αποτέλεσμα
Αυτή η σελίδα ανοίγει τη γεννήτρια ντεγκραντέ με ένα έτοιμο παστέλ ξεθώριασμα: ροζ πούδρας #ffdde1 που αναμειγνύεται σε σκονισμένο τριαντάφυλλο #ee9ca7. Ο πίνακας προεπισκόπησης εμφανίζει αμέσως το απαλό αποτέλεσμα, με τη γραμμή CSS έτοιμη παρακάτω.
Οι παστέλ διαβαθμίσεις λειτουργούν εκεί που φώναζαν οι κορεσμένες: οθόνες ενσωμάτωσης, κάρτες, κενές καταστάσεις και επωνυμία ομορφιάς ή lifestyle. Επειδή και οι δύο στάσεις είναι ανοιχτόχρωμες, το σκούρο κείμενο παραμένει ευανάγνωστο σε ολόκληρη την επιφάνεια — κάτι που οι πιο ζωντανές διαβαθμίσεις δεν μπορούν να προσφέρουν χωρίς επικάλυψη.
Αντιγράψτε τη γραμμή ως έχει ή μαλακώστε την περαιτέρω προωθώντας κόλπα αδιαφάνειας: μετακινήστε το στοπ στο τριαντάφυλλο στο 80% και αφήστε το ροζ να κυριαρχήσει ή γυρίστε σε έναν ακτινωτό τύπο για μια απαλή κεντρική λάμψη. Το εργαλείο ενημερώνει το CSS με δυνατότητα αντιγραφής σε κάθε είσοδο.