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

‌ ‌‌‌👈 گرادینت عمودی :
همانطور که در پست‌های قبل گفته شد، در گرادینت عمودی می‌توان از ۲ حالت از بالا به پایین و از پایین به بالا استفاده کرد.

امروز به حالت عمودی از سمت بالا به پایین اشاره خواهیم کرد.

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

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

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

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

➖➖➖➖➖➖➖
✅ @WorldCode
✅ @WorldCode1