文本动态渐变色1

感谢球佬的技术指导！ CSS渐变网站

HTML代码：

<Font-Dynamic>动作坞瓜皮之牙</Font-Dynamic>

CSS代码：

<!-------------文本动态渐变色---------------->
<style>
Font-Dynamic {
font-size: 50px;
font-weight:bold;
 
background: rgb(131,58,180);
background: radial-gradient(circle, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
  /*--- CCS渐变生成：https://cssgradient.io/ --*/
	
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-background-size: 200% 100%;
-webkit-animation: flowCss 5s infinite linear;
}
@-webkit-keyframes flowCss {
0% {
background-position: 0 0;
}
100% {
background-position: -400% 0;
}
}
Font-Dynamic:hover {
-webkit-animation: flowCss 2s infinite linear;
}
</style>
<!-------------文本动态渐变色---------------->