גנרטור גרדינט CSS

יצירת גרדינטים קווניים, רדיאליים וקוניים CSS בדפדפן שלך.

סוג Gradient אנגל (deg)

X עמדה (%) עמדה (%)

צבע הפסק

השתמשו בכפתורים או בכפתור כדי לערוך עמדות.כל עצירה כוללת צבע, חוסר אופי ופרק.

מוכן

הגראדינט שלך נשאר בדפדפן זה.אין צבעים או CSS שנוצר נשלח למשתנה.

ייבוא מקבל גרדינט ליניארי(), גרדינטים רדיאליים(), או גרדינטי קונאי עם צבעים ופרטים הקס.

CSS המיוצר כולל רקע צבע מוצק לצד הגראדינט עבור רנדרים לא נתמכים ו- Chrome בקרה נגיש.

האם הגראדינט שלי הועלה?

מצב גרדינט, צבעים, CSS ייבוא ו- CSS גנוב להישאר בדפדפן שלך.

איזה סוגים של CSS gradient הם תומכים?

הגנרטור יוצר ליניארי-גרדינט(), רדיאל-גרודינט() וקורדינט-גרדנט( ) עם מספר הפסקות צבע הקס.

מה אני יכול לייבא?

ייבוא מקבל גרמרה מוגבלת בכוונה באמצעות פונקציה גרדינט אחת תומכת, צבעים הקס, אחוזים אופציונליים, ערכים זווית או עמדה מוגבלים.

לבנות גרדינטים קווניים או רדיאליים CSS ולצפות מראש צבעים, זווית, מיקום, ופעמים.

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

מספק סוג גרדינט, צבעים הפסקות, עמדות, זווית, ופעולות חוזרות בקונסולות כלי.
בחר את ההגדרות המשפיעות על הצגת חיה וביטוי רקע CSS ניתן להעתיק, ולאחר מכן הפעל את הכלים.
בדוק את הצהרת רקע CSS חיה וניתן להעתיק לפני העתקה או הורדה.

הפסקת צבע חסרת, צבע לא תקינה, או עמדה בלתי תואמת מונעת הצהרת CSS בתוקף.

יצירת גרדינט ליניארי 90 מעלות מ #111827 ב 0% ל #f59e0b ב 100% וכתוב את ההצהרה.