גנרטור גרדיאנט
בנה גרדיאנטים ליניאריים, רדיאליים וקוניים ב-CSS מאפס עם שליטה ניתנת לגרירה של מרובה עצירות ופריסטים מאוצרים. העתק CSS מוכן להדבקה מיידית.
background: —;
הכל מחושב חי בדפדפן שלך — ללא הרשמה, חינם לחלוטין.
אודות גנרטור גרדיאנט
מחולל הגרדיאנט בונה גרדיאנטי CSS מותאמים אישית מאפס. בחרו סוג ליניארי, רדיאלי או קוני, קבעו את הזווית, ועצבו את התערובת עם עורך רב-נקודות: גררו ידיות להזזת נקודות עצירה, לחצו על הרצועה להוספת נקודות חדשות, וצבעו מחדש כל נקודה עם בורר צבעים — התצוגה המקדימה החיה מתעדכנת בזמן שאתם עובדים.
תבניות מוכנות מראש נותנות לכם נקודת התחלה חזקה כשאתם לא רוצים להתחיל מדף חלק, ופעולות בלחיצה אחת — אקראי, היפוך, סיבוב 45° — הופכות את החקירה למהירה. קוד ה-CSS שנוצר תמיד גלוי ונשאר מסונכרן עם התצוגה המקדימה, כך שמה שאתם מעתיקים הוא בדיוק מה שראיתם.
הכול מחושב באופן חי בדפדפן שלכם ללא עלות. העתיקו את חוקת ה-CSS המלאה או רק את ערך הרקע והדביקו אותה בגליון סגנון, בסגנון כפתור או באזור גיבור — מחולל גרדיאנטי CSS פשוט לרקעים, שכבות-על ומבטאי ממשק.
כיצד להשתמש ב-גנרטור גרדיאנט
- בחרו סוג גרדיאנט: ליניארי, רדיאלי או קוני.
- התחילו מתבנית מוכנה או לחצו על "אקראי" לנקודת התחלה מיידית.
- גררו את ידיות נקודות העצירה למיקום הצבעים, לחצו על הרצועה להוספת נקודות, וערכו את צבעה של כל נקודה.
- כווננו את הזווית, או השתמשו ב"היפוך" וב"סיבוב 45°" כדי לשנות את כיוון התערובת.
- העתיקו את חוקת ה-CSS או את ערך הרקע והדביקו אותם בפרויקט שלכם.