👈 ادامه گرادینت :

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

در پست قبل اشاره کردیم که غیر از درجه ای و زاویه‌ای، می‌توانیم‌ به صورت عمودی یا افقی گرادینت دهیم. امروز به مثال دوم از گرادینت دوم می‌پردازیم.

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

همانطور که در پست قبل گفته شد، پارامتر اول برای تعیین جهت است. امروز مثال دوم از گرادینت افقی را بیان خواهیم کرد
linear-gradient(to right, red, blue);
height:70px;

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

📌 نکته : لازم به ذکر است چون در این مثال ارتفاع تعریف شده، گرادینت در ارتفاع 70 پیکسل و عرض 100px نمایش داده می‌شود. (پیش فرض یا حالت default، عرض کل صفحه را پوشش دهد است)

➖➖➖➖➖➖➖
✅ @WorldCode