בעזרת ה-CSS Gradient Creator אפשר ליצור במהירות הדרגות נחמדות ב-CSS
bookmark_borderbookmark
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
הכלי הזה של ג'וש וו. קומאו מאפשר ליצור בקלות הדרגה יפה מאוד.
CSS Gradient Generator של ג'וש וו קומאו (Josh W Comeau) הוא אפליקציית אינטרנט טובה ופשוטה מאוד, שעוזרת לכם ליצור "הדרגתיות יפה ושופעת".

אני אישית מתקשה במיפוי התחביר לטקסט חזותי, ולכן הכלי הזה עוזר לי מאוד. היא מתמקדת ביצירת הדרגתיות לינארית ומאפשרת להגדיר אותם באמצעות מספר מצבי צבע שונים (כמו HCL), למרות שהם לא נתמכים ישירות בפונקציית linear-gradient
של CSS. הפוסט התומך בבלוג של ג'וש כולל פרטים נוספים על האופן שבו אינטרפולציית הצבעים מחושבת ומיושמת על משהו שהדפדפן יכול לעבד - זוהי קריאה מרתקת על חלק מהתיאוריה שמאחורי האופן שבו היא פועלת.
מעבר צבעים הדרגתי ליניארי
תמונה ראשית (Hero) מאת לוק צ'סר ב-UnFlood
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2022-05-04 (שעון UTC).
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2022-05-04 (שעון UTC)."],[],[]]