👈 تعریفی از گرادینت :

به شما امکان ساخت یک گرادیان از یک رنگ به رنگ دیگر بدون استفاده از تصویر را می‌دهد. گرادینت را به ۴ حالت می‌توان استفاده کرد
• از چپ به راست
• از راست به چپ
• از بالا به پایین
• از پایین به بالا
حتی می‌توانیم به صورت زاویه‌ای و یا درجه‌ای بدون نرم‌افرازی گرادینت بسازیم

👈 گرادینت خطی :

یک گرادینت خطی با استفاده از یک محور فرضی به نام خط گرادینت (gradient line) تعریف می شود که رنگ ها در امتداد آن قرار می گیرند. این خط می تواند افقی, عمودی, و یا مورب با یک زاویه دلخواه باشد.

👈 مثالی میزنیم :

اولین پارامتری که برای ساخت یک گرادینت باید تعریف شود جهت آن است که در حقیقت همان جهت و یا زاویه خط گرادینت می‌باشد. برای این پارامتر می توان یک زاویه یا کلمه کلیدی تعیین کرد که کلمه کلیدی باید شامل موارد زیر باشد:
linear-gradient(to right, yellow, purple);

با توجه به جهت تعیین شده گرادینت از سمت چپ با رنگ خالص زرد شروع شده و به مرور محو می‌شود تا به رنگ خالص بنفش در سمت راست تبدیل شود. 👆

✅ @WorldCode