no-img
اِمیلا

رنگ با تغییر افکت (css gradient)

بروزرسانی؛
20 مارس 2020

رنگ با تغییر افکت (CSS Gradient) و ایجاد هارمونی متناسب یک قالب زیبا را ایجاد می کند.

سایت ها برای ایجاد قالب و ساختاری با شکل مناسب و استاندارد نیاز به یکسری هارمونی رنگ دارد. گاهی رنگ های متناسب با هم در کنار یکدیگر چیده می شود و شکل نهایی ظاهر ترکیبی از چند رنگ پدید می آید. می توانید از رنگ با طول موج متغیر در هر کجای قالب وب سایتتان استفاده کنید.

افکت رنگ و نوع متنهای صفحه، تصویر پس زمینه، عکس ها و المان های دیگر وقتی در کنار هم به درستی قرار بگیرد یک ظاهر خوب را به کاربران نمایش می دهند.

رنگ با طول موج متغیر (ادغام دو رنگ با هم)؛

1- سایت https://cssgradient.io یک وبسایت بسیار خوب در زمینه css gradient است. با مراجعه به آن با تنظیمات بسیار ساده گرادینت مورد نظرتان را استخراج کنید.

2- در وبسایت https://developer.mozilla.org نمونه های بسیار زیبایی از css gradient را مشاهده خواهید کرد که می توانید در طراحی های خود از آن استفاده کنید.

3- همچنین می توانید با مراجعه به وبسایت محبوب و کاربردی w3schools کمک بگیرید.

نمونه ای از کد css gradient ؛

CSS {
    background: linear-gradient(to left, #33ccff 0%, #ff99cc 100%);
}

برای مشاهده کد رنگ های بیشتر با خاصیت liner gradient به این صفحه از github مراجعه نمائید.

پیشنمایش و ساخت Gradient Background
لینک کوتاه : https://emila.ir/?p=17557
سلام علیکم!
10
فرم گزارش را به دقت تکمیل نمایید...
از همکاری شما پیشاپیش سپاسگذاریم