css文字效果，文字颜色有光影流动

.sq_start {

1.    position: absolute;

2.    bottom: 10%;

3.    left: 50%;

4.    z-index: 3;

5.    margin-left: -50px;

6.    width: 100px;

7.    height: 20px;

8.    font-size: 18px;

9.    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));

10.    background-clip: text;

11.    -webkit-background-clip: text;

12.    -webkit-text-fill-color: transparent;

13.    text-fill-color: transparent;

14.    -webkit-animation: slidetounlock 4s 

    linearinfinite;

15.    animation: slidetounlock 4s 

    linear infinite;

}

css文字效果，文字颜色有光影流动

原文：http://zhaoyingyatou.blog.51cto.com/7151735/1887693