سازنده گرادینت
یک گرادینت خطی، شعاعی یا مخروطی بسازید، پلههای رنگی اضافه کنید، جهت را تنظیم کنید و کد CSS را با یک کلیک کپی کنید.
تمام گرادینتها مستقیماً در مرورگر شما رندر میشوند. هیچیک از تنظیمات شما در BroBroGo آپلود نخواهد شد.
سوالات متداول
تفاوت بین گرادینتهای خطی، شعاعی و مخروطی چیست؟
گرادینت خطی (linear) رنگها را در امتداد یک خط مستقیم که با زاویه مشخص میکنید ترکیب میکند. گرادینت شعاعی (radial) آنها را از مرکز به صورت دایره یا بیضی به سمت بیرون پخش میکند. گرادینت مخروطی (conic) رنگها را مانند یک چرخه رنگ به دور مرکز میچرخاند.
پلههای رنگی (color stops) چیستند؟
هر پله رنگی (color stop) رنگی است که در یک موقعیت مشخص در طول گرادینت قرار میگیرد — ۰٪ در شروع و ۱۰۰٪ در پایان. موقعیت یک پله را جابهجا کنید تا نقطه اوج رنگ آن تغییر کند، یا پلههای بیشتری برای ترکیب غنیتر اضافه کنید. شما میتوانید تا هشت پله رنگی استفاده کنید.
چگونه جهت گرادینت را کنترل کنم؟
برای گرادینتهای خطی (linear) یا مخروطی (conic)، اسلایدر زاویه جهت را تنظیم میکند — ۰ درجه رو به بالا و ۹۰ درجه رو به راست اشاره دارد. گرادینت شعاعی (radial) زاویه ندارد؛ به جای آن شکل دایره یا بیضی را انتخاب کنید تا نحوه انتشار آن را تغییر دهید.