معرفی ابزار

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

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

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

CSS Gradients

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

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

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

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

گرادینت ساز Blend

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

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

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

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

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

 

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

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

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

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

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

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

 

محبوبیت

User Rating: Be the first one !
برچسب ها

بیاموزید دات کام

کارشناس گرافیک و طراح وب ، کارشناس تحقیقات بازار و بازاریابی . مدیریت محتوی رو از سال 1384 شروع کردم . وب سایت شخصی من : amin-bahrami.com

دیدگاهتان را بنویسید

بستن
بستن