ترکیب رنگ های گرادینت برای یک متن در 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;

 

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

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

198 بازدید دسته بندی : طراحی سایت,مقالات جمعه ۲۵ بهمن ۱۳۹۸ بدون دیدگاه
لینک کوتاه مطلب : https://a4fran3.ir/?p=15252


نظرات شما