css文字效果,文字颜色有光影流动
来源:动视网
责编:小采
时间:2020-11-27 18:53:17
css文字效果,文字颜色有光影流动
css文字效果,文字颜色有光影流动:.sq_start { position: absolute; bottom: 10%; left: 50%; z-index: 3; margin-left: -50px; width: 100px; height: 20px; font-size: 18px; background: -webkit-gradient(linear,left top,right top,color-stop(0, #549A66),color-stop(0.3, #3CAF5A),colo
导读css文字效果,文字颜色有光影流动:.sq_start { position: absolute; bottom: 10%; left: 50%; z-index: 3; margin-left: -50px; width: 100px; height: 20px; font-size: 18px; background: -webkit-gradient(linear,left top,right top,color-stop(0, #549A66),color-stop(0.3, #3CAF5A),colo

.sq_start {
position: absolute;
bottom: 10%;
left: 50%;
z-index: 3;
margin-left: -50px;
width: 100px;
height: 20px;
font-size: 18px;
background: -webkit-gradient(linear,left top,right top,color-stop(0, #549A66),color-stop(0.3, #3CAF5A),color-stop(0.5, white),color-stop(0.7, #3CAF5A),color-stop(1, #3CAF5A));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
-webkit-animation: slidetounlock 4s
linearinfinite;
animation: slidetounlock 4s
linear infinite;
}
更多css文字效果,文字颜色有光影流动 相关文章请关注PHP中文网!
css文字效果,文字颜色有光影流动
css文字效果,文字颜色有光影流动:.sq_start { position: absolute; bottom: 10%; left: 50%; z-index: 3; margin-left: -50px; width: 100px; height: 20px; font-size: 18px; background: -webkit-gradient(linear,left top,right top,color-stop(0, #549A66),color-stop(0.3, #3CAF5A),colo