مولد گرادیان
گرادیانهای CSS خطی، شعاعی و مخروطی را از ابتدا با کنترل چند توقف کشیدنی و پیشتنظیمات منتخب بسازید. CSS آماده چسباندن را فوری کپی کنید.
background: —;
همه چیز به صورت زنده در مرورگر شما محاسبه میشود — بدون ثبتنام، کاملاً رایگان.
درباره مولد گرادیان
تولیدکننده گرادیان، گرادیانهای سفارشی CSS را از صفر میسازد. نوع خطی، شعاعی یا مخروطی را انتخاب کنید، زاویه را تنظیم کنید، و آمیزش را با یک ویرایشگر چند-توقفگاهی شکل دهید: دستگیرهها را برای جابهجایی توقفگاهها بکشید، روی نوار کلیک کنید تا موارد جدید اضافه شوند، و رنگ هر توقفگاه را با یک انتخابگر عوض کنید؛ پیشنمایش زنده هنگام کار بهروز میشود.
پیشتنظیمهای منتخب هنگامی که نمیخواهید از یک صفحه خالی شروع کنید نقطه شروع قویای میدهند، و اقدامات یککلیکی: تصادفی، معکوس، چرخش ۴۵ درجه، کاوش را سریع میکنند. CSS تولیدشده همیشه قابلمشاهده است و همگام با پیشنمایش میماند، پس آنچه کپی میکنید دقیقاً همان چیزی است که دیدید.
همهچیز بهصورت زنده و بدون هزینه در مرورگر شما محاسبه میشود. قاعده کامل CSS یا فقط مقدار background را کپی کنید و در برگه سبک، سبک دکمه یا بخش هیرو جایگذاری کنید؛ یک تولیدکننده ساده گرادیان CSS برای پسزمینهها، لایههای پوششی و تأکیدهای رابط کاربری.
نحوه استفاده از مولد گرادیان
- یک نوع گرادیان انتخاب کنید: خطی، شعاعی یا مخروطی.
- از یک پیشتنظیم شروع کنید یا برای نقطه شروع فوری روی «تصادفی» کلیک کنید.
- دستگیرههای توقفگاه را بکشید تا رنگها را جایگذاری کنید، روی نوار کلیک کنید تا توقفگاه اضافه شود، و رنگ هر توقفگاه را ویرایش کنید.
- زاویه را تنظیم کنید، یا از «معکوس» و «چرخش ۴۵ درجه» برای تغییر جهت آمیزش استفاده کنید.
- قاعده CSS یا مقدار background را کپی کنید و در پروژه خود جایگذاری کنید.