فصل ۱۹- گرادینت رنگ ها در CSS

آشنایی با ویژگی Radial Gradient
آموزش CSS
نوید معدن نژاد

جلسه ۴۶ – radial gradient در CSS

منظور از گردینت شعاعی چیست؟ منظور از گردینت دایره ای چیست؟ منظور از Radial gradient چیست؟ چگونه می‌توانیم از گردینت های دایره ای در تصاویر

آشنایی با ویژگی Linear Gradient
آموزش CSS
نوید معدن نژاد

جلسه ۴۵ – linear gradient در CSS

منظور از Linear Gradient چیست؟ چگونه گردینت خطی ایجاد کنیم؟ منظور از گردینت چیست؟ چگونه به تصاویرمان گردینت خطی اعمال کنیم؟ در این مقاله قصد

برای شروع، بهتره اینطوری بگیم، ما دو نوع رنگ داریم:

solid
gradient

رنگ های solid رو تو فصل های اول آموزش باهم دیگه یاد گرفتیم. فهمیدیم که رنگ solid، رنگیه که هرجاش دست بزاریم یه رنگ میبینیم که به صورت یکنواخت پخش شده، مثل شکل زیر:

اما رنگ هایی هم هستن که تو تمام نقاط، از یه رنگ استفاده نشده، بلکه ترکیبی از رنگ های مختلف رو داریم که توی مسیر به هم دیگه بدل می شن، که اضطلاحا بهشون می‌گن “gradient”. مثل شکل زیر:

برای استفاده کردن از این رنگ ها تو پیش زمینه صفحمون و عناصر چیکار می تونیم کنیم؟

برای یاد گرفتن این قضیه، در ادامه همراه ما باشین! :)

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=