עיצוב
מחולל גרדיאנט CSS
צור גרדיאנטים של CSS באופן ויזואלי.
איך להשתמש
בחר תצורה מוכנה מראש או בנה אותה מאפס: הוסף נקודות צבע, גרור מיקומים, החלף בין קווי/רדיאליים/קוניים. העתק את קוד ה-CSS או קטע הקוד של Tailwind.
FAQ
אילו סוגי גרדיאנט נתמכים?
ליניארי (בכל זווית), רדיאלי (מעגל במרכז) וקוני (גלגל צבעים). כל אחד תומך במספר עצירות צבע עם מיקומים הניתנים לגרירה.
איך אני משתמש ב-CSS?
העתיקו את שורת הרקע שנוצרה לקובץ הסגנון שלכם, או הדביקו אותה בערך שרירותי של Tailwind כמו bg-[linear-gradient(...)].
האם אני יכול להתחיל ממקדם מוכן?
כן – לחץ על אחת מ-12 התצוגות המוגדרות מראש (שקיעה, אוקיינוס, פנס רדיאלי, קשת צבעונית חרוטית ועוד), ואז שנה את נקודות העצירה והזוויות.
עודכן לאחרונה: