ساخت گرادیان
گرادیانهای CSS زیبا با پیشنمایش زنده بسازید. از پیشتنظیمها انتخاب کنید یا خودتان سفارشی کنید. کد CSS را کپی یا PNG دانلود کنید.
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);تمام پردازش در مرورگر شما انجام میشود. هیچ دادهای به سروری ارسال نمیشود.
نحوه ساخت گرادیان
انتخاب نوع
نوع گرادیان خطی، شعاعی یا مخروطی را انتخاب کنید.
تنظیم رنگها
نقاط رنگ را اضافه کنید و موقعیت آنها را برای تنظیم دقیق گرادیان تغییر دهید.
تنظیم زاویه
از لغزنده زاویه برای کنترل جهت گرادیان استفاده کنید.
خروجی
کد CSS را برای وبسایت کپی کنید یا به صورت تصویر PNG دانلود کنید.
سوالات متداول
چه نوع گرادیانهایی میتوانم بسازم؟
سه نوع میتوانید بسازید: گرادیانهای خطی (انتقال رنگ مستقیم)، گرادیانهای شعاعی (انتقال رنگ دایرهای از مرکز) و گرادیانهای مخروطی (انتقال رنگ دور نقطه مرکزی مانند نمودار دایرهای).
آیا میتوانم کد CSS تولید شده را مستقیما استفاده کنم؟
بله! روی دکمه کپی CSS کلیک کنید تا کد را کپی کنید. میتوانید آن را مستقیما در فایل CSS خود به عنوان ویژگی background بچسبانید. در تمام مرورگرهای مدرن کار میکند.
حداکثر اندازه تصویر قابل دانلود چقدر است؟
میتوانید اندازه خروجی را تا 4096 x 4096 پیکسل تنظیم کنید. پیشفرض 800 x 600 پیکسل است که برای اکثر پسزمینههای وب مناسب است.
نقاط رنگ چگونه کار میکنند؟
نقاط رنگ، رنگهای گرادیان و محل نمایش آنها را تعریف میکنند. هر نقطه یک رنگ و یک موقعیت (0-100%) دارد. حداقل 2 نقطه نیاز است و میتوانید برای گرادیانهای پیچیدهتر بیشتر اضافه کنید.
آیا دادههای من امن هستند؟
کاملا. تمام تولید گرادیان با استفاده از Canvas در مرورگر شما انجام میشود. هیچ دادهای به هیچ سروری ارسال نمیشود.
موارد استفاده
پسزمینه طراحی وب
با گرادیانهای CSS سفارشی بخشهای هیرو، بنرها و پسزمینههای صفحه چشمنواز بسازید که با برند شما هماهنگ باشد.
گرافیک شبکههای اجتماعی
پسزمینههای گرادیان پرجنبوجوش برای پستها، استوریها و تصاویر کاور شبکههای اجتماعی بسازید.
اسلایدهای ارائه
پسزمینههای حرفهای اسلاید با انتقال رنگ روان طراحی کنید که ارائههای شما را بهبود میبخشد.
عناصر رابط کاربری
پسزمینه گرادیان به دکمهها، کارتها، نوارهای ناوبری و سایر اجزای UI اضافه کنید.
طراحی ایمیل
تصاویر گرادیان را برای سرصفحهها و پسزمینههای ایمیل دانلود کنید که گرادیان CSS پشتیبانی نمیشود.
طراحی و نمونهسازی اپلیکیشن
صفحات اپلیکیشن را سریعا با پسزمینه گرادیان نمونهسازی کنید. CSS برای وب یا PNG برای ماکت اپهای بومی خروجی بگیرید.
گرادیان ایدهآل خود را بسازید
گرادیانهای زیبا با پیشنمایش زنده طراحی کنید. CSS کپی یا PNG دانلود کنید - رایگان و آسان.