CSS Gradients

CSS Gradients آنلاین بسازید و در صفحات وب استفاده کنید

CSS Gradients : معمولاً طراحان وب ترجیه می دهند تا بجای استفاده از تصویر که سرعت لود را بالا می برد، از رنگ در css استفاده کنند.

طراحان می توانند در استایل نویسی خود بجای یک رنگ، از CSS Gradients استفاده کنند.

CSS Gradients

اما شاید نتوانند در کوتاه ترین زمان CSS Gradients مورد نظر خود را بدست بیاورند.

ابزار های آنلاینی وجود دارند که به راحتی این امکان را می دهند تا بصورت دیداری، CSS Gradients خود را بسازید، سپس کد حاصله را به شما ارائه می دهد تا بتوانید آنرا در صفحه css خود وارد کنید.

ابزار CSS Gradients آنلاینی که قرار است به شما معرفی کنیم، Blend نام دارد.

برای دسترسی به این ابزار از اینجا اقدام کنید :

گرادینت ساز Blend

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

CSS Gradients شما ساخته شد.

حال می توانید زاویه چرخش رنگ را با نوار لغزان تغییر دهید.

اگر می خواهید گرادینت شما از حالت خطی به حالت گرد تغییر کند، می توانید از کلید های بالا که به همین شکل هستند استفاده کنید.

در آخر با فشردن کلید </>  می توانید کد حاصله را مشاهده و کپی کنید.

 

CSS Gradients

می توانید این کد حاصله را در سند css خود به هر ID یا کلاسی اختصاص دهید.

این نکته را هم عرض کنم که اگر از گرادینت خود راضی نبودید، می توانید با کلید unblend از نو بسازید.

امیدوارم این مطلب برای شما مفید باشد.

اگر مایل هستید به این مطلب رای دهید.

در صورت رضایت از این مطلب، لطفاً آنرا از طریق لایک زیر مطلب به اطلاع ما برسانید.

لطفاً این مطلب را با دوستان خود به اشتراک بگذارید.

 

محبوبیت

امتیاز کاربر: اولین نفر باشید !
دکمه بازگشت به بالا