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

 

18 بازدید دسته بندی : طراحی سایت,مقالات جمعه 14 فوریه 2020 بدون دیدگاه
لینک کوتاه مطلب : https://a4fran3.ir/?p=15252


نظرات شما