仿flash的文字动画效果

.tips{
font-size: 24px;
font-family: sans-serif;
font-weight: 600;
text-shadow: 1px 1px #ffb700;
color:#000;
background:-webkit-gradient(linear,left top,right top,from(#000),color-stop(#fff),to(#000));
background:linear-gradient(90deg,#000,#fff,#000);
background-repeat:repeat-x;
background-size:80%;
-webkit-animation:move 5s linear infinite;
animation:move 5s linear infinite;
-webkit-background-clip:text;
-webkit-text-fill-color:hsla(0,0%,100%,0)
}
@-webkit-keyframes move {
0% {
background-position: -500%
} to {
background-position: 500%
}
}

仿flash的文字动画效果

上一篇:Qt 学习之路:存储容器


下一篇:tomcat-8.0