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