גרדיאנט
גרדיאנטים CSS
90°
0%
100%
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);שאלות נפוצות
אילו סוגי גרדיאנטים CSS קיימים?
CSS תומך ב-linear-gradient (קו ישר), radial-gradient (מעגלי), ו-conic-gradient (סביב נקודת מרכז). כל אחד יכול להכיל מספר נקודות עצירת צבע.
כיצד אני יוצר גרדיאנט חלק?
השתמשו בצבעים קרובים על גלגל הצבעים, הוסיפו נקודות עצירת צבע ביניים, והימנעו מצבעים משלימים שיכולים ליצור נקודות אמצע עכורות.
האם אני יכול להנפיש גרדיאנטים CSS?
לא ניתן להנפיש גרדיאנטים CSS ישירות, אך אתם יכולים להנפיש background-position או להשתמש במאפייני CSS מותאמים אישית (משתנים) עם @property למעברים חלקים.