Τι είναι η χρωματική διαβάθμιση;
Η διαβάθμιση (gradient) είναι μια ομαλή μετάβαση ανάμεσα σε δύο ή περισσότερα χρώματα. Στον σχεδιασμό ιστοσελίδων οι διαβαθμίσεις μπαίνουν συχνά σε φόντα, κουμπιά και κεφαλίδες, γιατί δίνουν βάθος και μοντέρνα εμφάνιση με ελάχιστο κώδικα.
Γραμμική ή ακτινική διαβάθμιση;
Η γραμμική διαβάθμιση αλλάζει χρώμα κατά μήκος μιας ευθείας. Την κατεύθυνση την ορίζεις με τη γωνία (0° δείχνει πάνω, 90° δεξιά). Η ακτινική διαβάθμιση ξεκινά από ένα κεντρικό σημείο και απλώνεται κυκλικά. Η γεννήτρια φτιάχνει και τους δύο τύπους και σου δίνει τον αντίστοιχο κώδικα CSS (linear-gradient ή radial-gradient).
Πώς τη χρησιμοποιείς στο CSS
Αντίγραψε τον κώδικα και επικόλλησέ τον στην ιδιότητα background του στοιχείου σου. Μπορείς να προσθέσεις κι άλλα χρώματα και να αλλάξεις το καθένα. Αν χρειάζεσαι και μια ταιριαστή χρωματική παλέτα, δοκίμασε τη γεννήτρια παλετών ή έλεγξε την αντίθεση πριν βάλεις κείμενο από πάνω.