מהו CSS Gradient
גרדיאנטים של CSS הם טכניקה המשיגה רקעים וקישוטים המשלבים בצורה חלקה שני צבעים או יותר באמצעות קוד CSS בלבד, ללא קובצי תמונה.
גרדיאנט לינארי (linear-gradient)
גרדיאנט שבו הצבעים משתנים באופן לינארי לאורך זווית או כיוון מוגדרים. ניתן להגדיר זוויות באופן חופשי מ-**0** מעלות (כלפי מעלה) ועד **360** מעלות (מעגל שלם), ואפשריות גם מפרטי כיוון כמו '**to bottom**' ו- '**to right**'.
גרדיאנט רדיאלי (radial-gradient)
גרדיאנט שבו הצבעים מתפשטים באופן רדיאלי מהמרכז. ניתן לבחור צורות **עיגול** או **אליפסה**, ולהתאים את מיקום המרכז וההתפשטות. מתאים לקישוט כפתורים ואייקונים.
מהן עצירות צבע (Color Stops)
עצירות צבע הן **מיקומים** שבהם ממוקמים צבעים ספציפיים בתוך גרדיאנט. ניתן למקם כל מספר של צבעים בכל **מיקום** מ-**0%** (מיקום התחלה) ועד **100%** (מיקום סיום). שילוב של עצירות צבע מרובות יוצר גרדיאנטים מורכבים ויפים.