CSS Linear Gradient Generator
Δημιουργήστε διαβαθμίσεις CSS οπτικά: γραμμικός, ακτινωτός ή κωνικός τύπος, ρυθμιστικό γωνίας και έως έξι χρωματικές στάσεις με ζωντανή προεπισκόπηση πλήρους πλάτους και αντιγράψιμο κώδικα.
Αποτέλεσμα
Αυτή η σελίδα ανοίγει τη γεννήτρια κλίσης με τον γραμμικό τύπο που έχει ήδη επιλεγεί. Σύρετε το ρυθμιστικό γωνίας για να περιστρέψετε το fade, να προσαρμόσετε τις στάσεις χρώματος και την προεπισκόπηση πλήρους πλάτους συν την ενημέρωση γραμμής CSS σε κάθε είσοδο.
Η linear-gradient() χρωματίζει χρώματα κατά μήκος μιας ευθείας γραμμής — η πιο χρησιμοποιούμενη κλίση στο CSS μακράν. 90 μοίρες τρέχει από αριστερά προς τα δεξιά, 180 μοίρες από πάνω προς τα κάτω και οποιαδήποτε γωνία μεταξύ τους δίνει μια διαγώνιο. οι θέσεις στοπ σε ποσοστό καθορίζουν πού θα αρχίσει να συνδυάζεται κάθε χρωματική ζώνη στην επόμενη.
Όταν η προεπισκόπηση φαίνεται σωστή, αντιγράψτε τη γραμμή φόντου στο φύλλο στυλ σας. Εάν θέλετε ένα σημείο εκκίνησης αντί για μια κενή πλάκα, οι προκαθορισμένες σελίδες ηλιοβασιλέματος, ωκεανού και παστέλ ανοίγουν αυτό το ίδιο εργαλείο με αποδεδειγμένα ζεύγη χρωμάτων που έχουν ήδη φορτωθεί.