مولد گرادیان CSS
گرادیانهای خطی و شعاعی CSS بسازید. رنگها را بهصورت بصری انتخاب کنید و CSS تولیدشده را کپی کنید.
background: linear-gradient(135deg, #535beb, #7c3aed);
مولد گرادیان CSS چیست؟
گرادیانهای CSS گذارهای رنگی بین دو یا چند رنگ هستند. گرادیانهای خطی در یک جهت جریان مییابند؛ گرادیانهای شعاعی از یک نقطه ساطع میشوند. این مولد موارد رایج را پوشش میدهد؛ برای گرادیانهای پیچیده چندتوقفی با موقعیتهای سفارشی، آنها را بهصورت دستی بسازید.
پرسشهای متداول
آیا گرادیانها کارآمد هستند؟▼
آیا میتوانم گرادیانها را متحرک کنم؟▼
ابزارهای مرتبط
تبدیلکننده رنگ (HEX/RGB/HSL)
رنگها را بین قالبهای HEX، RGB و HSL تبدیل کنید. رنگی را بهصورت بصری انتخاب کنید یا مقادیر را بهصورت دستی وارد کنید.
تولیدکننده Box Shadow در CSS
مقادیر box-shadow در CSS را بهصورت دیداری بسازید. در لحظه پیشنمایش بگیرید و CSS تولیدشده را کپی کنید.
مولد منحنی شتابگیری Cubic Bezier
منحنیهای شتابگیری cubic-bezier برای CSS بسازید. شامل پیشتنظیمهای استاندارد است.
تولیدکننده پالت رنگ
از هر رنگ پایه، پالتهای رنگی هماهنگ تولید کنید. از طرحهای مکمل، متشابه، سهتایی و تکرنگ پشتیبانی میکند.
تولیدکننده Border Radius در CSS
مقادیر پیچیده border-radius در CSS را بهصورت دیداری بسازید. کنترل مستقل روی هر گوشه.
تولیدکننده ()CSS Clamp
مقادیر CSS سیال و واکنشگرا را با clamp() تولید کنید. بهنرمی بین اندازههای کمینه و بیشینه در بازههای viewport مقیاس میگیرد.