درباره این ابزار
با انتخاب رنگها، موقعیتها و یک زاویه، یک گرادیان دو-رنگهی خطی یا شعاعی بسازید و سپس قانون background را کپی کنید. پیشنمایش زنده کاملاً در مرورگر شما اجرا میشود.
یک گرادیان خطی یا شعاعی با پیشنمایش زنده بسازید و کد CSS را کپی کنید.
فایلها در مرورگرتان پردازش میشوند و هرگز بارگذاری نمیشوند. سایت کد و منابع لازم برای اجرای ابزارها را دریافت میکند. بدون حساب یا ردیاب.
با گزینهٔ دانلود، این ابزار را در یک فایل HTML ذخیره کنید تا آفلاین استفاده شود.
حریم خصوصی →نوع خطی را انتخاب کنید، زاویه را 135 و رنگها را #ff7e5f و #feb47b بگذارید. CSS برابر background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%); است. اگر نقطه توقف اول را به 20 ببرید، رنگ اول در 20% ابتدای کادر یکدست میماند.
0deg رو به بالا و 90deg رو به راست است، پس 135deg از گوشه بالا چپ تا پایین راست کشیده میشود. اگر متنی روی گرادیان قرار دارد، کنتراست آن را با هر دو رنگ دو سر بررسی کنید.
با انتخاب رنگها، موقعیتها و یک زاویه، یک گرادیان دو-رنگهی خطی یا شعاعی بسازید و سپس قانون background را کپی کنید. پیشنمایش زنده کاملاً در مرورگر شما اجرا میشود.