仿flash的文字动画效果
Posted lhj-blog
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了仿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的文字动画效果的主要内容,如果未能解决你的问题,请参考以下文章