ابزار حرفه‌ای ساخت گرادیانت CSS

گرادیانت‌ها یکی از قدرتمندترین ابزارهای طراحی مدرن وب هستند. با این ابزار رایگان، در چند ثانیه یک گرادیانت حرفه‌ای بسازید و کد استاندارد CSS آن را کپی کنید.

تنظیمات گرادیانت

#
#
پیش‌نمایش گرادیانت
کد CSS تولید شده
background: linear-gradient(45deg, #ff0000, #0000ff);

چرا از این ابزار استفاده کنیم؟

پیش‌نمایش زنده

همان لحظه که رنگ یا زاویه را تغییر می‌دهید، پیش‌نمایش گرادیانت به‌روزرسانی می‌شود و خروجی نهایی را می‌بینید.

کپی سریع کد

با یک کلیک روی دکمه کپی، کد CSS استاندارد در کلیپ‌بورد قرار می‌گیرد و آماده استفاده در پروژه شماست.

نصب به عنوان اپلیکیشن

ابزار را روی صفحه اصلی موبایل یا دسکتاپ نصب کنید و بدون مرورگر و بدون اینترنت به آن دسترسی داشته باشید.

راهنمای گام به گام

۱

انتخاب رنگ اول

روی پیکر رنگ اول کلیک کنید یا کد هگز رنگ مورد نظر خود را در فیلد متنی وارد کنید.

۲

انتخاب رنگ دوم

رنگ دوم گرادیانت را به همان روش انتخاب کنید. این رنگ پایان گرادیانت است.

۳

تنظیم زاویه

زاویه گرادیانت را بین ۰ تا ۳۶۰ درجه تنظیم کنید (مثلاً ۴۵ درجه).

۴

کپی کد CSS

روی دکمه «کپی کد» کلیک کنید و کد نهایی را در فایل style.css یا CSS سفارشی قالب خود قرار دهید.

سوالات متداول

آیا استفاده از این ابزار رایگان است؟

بله، ابزار ساخت گرادیانت CSS رایا وردپرس کاملاً رایگان است و هیچ محدودیتی در تعداد استفاده وجود ندارد.

کدهای تولید شده چقدر استاندارد هستند؟

کدهای CSS تولید شده کاملاً استاندارد و مطابق با آخرین مشخصات W3C هستند و در تمام مرورگرهای مدرن کار می‌کنند.

چگونه کد را در وردپرس استفاده کنم؟

کد تولید شده را در قسمت «ظاهر > شخصی‌ساز > CSS اضافی» یا فایل style.css قالب فرزند خود قرار دهید. در المنتور نیز می‌توانید مستقیماً استفاده کنید.

چگونه این ابزار را به عنوان اپلیکیشن نصب کنم؟

از منوی بالا گزینه «نصب وب اپلیکیشن» را انتخاب کنید و مراحل نمایش داده شده را دنبال کنید تا ابزار روی صفحه اصلی دستگاه شما نصب شود.

بستن