طراحی سایتمقالات

ترکیب رنگ های گرادینت برای یک متن در css

ترکیب رنگ های گرادینت برای یک متن در css

ترکیب رنگ های گرادینت برای یک متن در css

ممکن است بخواهید متنی را در سایتتان به نمایش بگذارید ! خب تا به اینجا کار سختی نیست😉 اگر بخواهید این متن را به شکل زیبایی با حرکت رنگ ها به نمایش در آورید فقط کافیست از مشخصه Liner Gradient استفاده نمایید.ترکیب رنگ های گرادینت برای یک متن را طبق آموزش زیر یاد بگیرید
به مثال زیر توجه کنید :

<p class=”gradientcolor”>

این یک متن آزمایشی با رنگ متحرک میباشد 😉
</p>

حالا کدهای css را به ترتیب زیر مینویسیم ☺️

p.gradientcolor{
background-image: repeating-liner-gradient(to right, red 0%,green 7%, black 14%, yellow 28%, pink 60%);
background-size: 150%;
-webkit-background-clip: text;
-webkit-text-fill-color : transparent;
filter: drop-shadow(0 0 5px red);
animation: movebackgroundposition 2s ease-in-out infinite;

 

گرادینت چیست؟

انواع گرادینت در سی اس اس

لینک کوتاه مطلب : https://a4fran3.ir/?p=15252

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
بستن
بستن