تولیدکننده گرادیان CSS
گرادیانهای خطی، شعاعی و مخروطی CSS با ایستهای رنگ متعدد بسازید و کد را کپی کنید.
background: —;
همه چیز در مرورگر شما اجرا میشود — بدون آپلود، بدون ثبتنام.
درباره تولیدکننده گرادیان CSS
تولیدکننده CSS Gradient گرادیانهای linear، radial و conic را با کنترل بصری کامل میسازد. با کلیک روی نوار گرادیان، استاپهای رنگ اضافه کنید، آنها را برای تغییر موقعیت بکشید و به هر استاپ رنگ، شفافیت و موقعیت مخصوص خودش را بدهید. گرادیانهای خطی یک کنترل زاویه دارند؛ شعاعیها یک شکل (دایره یا بیضی) و موقعیت؛ مخروطیها یک زاویه شروع.
پیشنمایش زنده دقیقاً نشان میدهد مرورگر چه چیزی را رندر خواهد کرد، و یک دکمه تصادفیسازی بههمراه مجموعهای از پیشتنظیمهای منتخب زمانی که به یک نقطه شروع نیاز دارید نه یک بوم خالی، در دسترس هستند. استاپها را میتوان آزادانه اضافه یا حذف کرد — یک گرادیان فقط به حداقل دو تا نیاز دارد.
وقتی ظاهر درست شد، مقدار خام گرادیان یا یک قاعده کامل CSS را کپی کنید. این تولیدکننده کاملاً در مرورگر شما اجرا میشود بدون آپلود و بدون ثبتنام، و همراهی سریع برای دکمهها، پسزمینههای هیرو، حاشیهها و جلوههای متنی است.
نحوه استفاده از تولیدکننده گرادیان CSS
- نوع گرادیان را انتخاب کنید: خطی (linear)، شعاعی (radial) یا مخروطی (conic).
- زاویه (خطی)، شکل و موقعیت (شعاعی)، یا زاویه شروع (مخروطی) را تنظیم کنید.
- روی نوار گرادیان کلیک کنید تا استاپهای رنگ اضافه شوند و آنها را به موقعیت درست بکشید.
- به هر استاپ رنگ، شفافیت و موقعیت دقیق آن را بدهید.
- پیشتنظیمها یا دکمه تصادفیسازی را برای الهام سریع امتحان کنید.
- مقدار گرادیان یا قاعده کامل CSS را کپی کنید.