درباره این ابزار
با یک ویرایشگر بصری شیب های خطی و شعاعی CSS زیبا ایجاد کنید. رنگها را انتخاب کنید، توقفها را تنظیم کنید، جهت یا زاویه را تغییر دهید و بهروزرسانی پیشنمایش زنده را در زمان واقعی مشاهده کنید. کد CSS تولید شده را کپی کنید - از جمله پیشوندهای فروشنده برای مرورگرهای قدیمی - و آن را مستقیماً در شیوه نامه خود قرار دهید.
سوالات متداول
- آیا گرادیان های CSS در همه مرورگرها کار می کنند؟
- گرادیان های مدرن CSS (گرید خطی، گرادیان شعاعی) در تمام مرورگرهای فعلی از جمله کروم، فایرفاکس، سافاری و اج پشتیبانی می شوند. این ابزار به صورت اختیاری می تواند پیشوندهای -webkit- را برای نسخه های قدیمی مرورگر ایجاد کند.
- آیا می توانم شیب های چند رنگ ایجاد کنم؟
- بله. هر تعداد استاپ رنگ را که نیاز دارید اضافه کنید. همچنین می توانید موقعیت هر توقف را برای کنترل محل ترکیب رنگ ها تنظیم کنید. این اجازه می دهد تا رنگین کمان، غروب خورشید، یا شیب برند سفارشی را به صورت پیچیده ایجاد کنید.
- تفاوت بین گرادیان خطی و شعاعی چیست؟
- گرادیان های خطی رنگ ها را در امتداد یک خط مستقیم (از بالا به پایین، چپ به راست، مورب یا هر زاویه ای) انتقال می دهند. گرادیان های شعاعی رنگ ها را از نقطه مرکزی به شکل دایره ای یا بیضوی به بیرون انتقال می دهند.
- آیا می توانم از گرادیان به عنوان پس زمینه برای متن استفاده کنم؟
- بله. از پسزمینه کلیپ استفاده کنید: متن با -webkit-text-fill-color: شفاف برای اعمال گرادیان به متن. CSS تولید شده تعریف گرادیان را ارائه می دهد - آن را با این ویژگی ها برای متن گرادیان ترکیب کنید.