文字闪动

china0396

1. <div class="box">免责声明</div>
   
2. <style>  
   
3.     .box{
   
4.             font-size: 12px;
   
5.             color:#FF0000;
   
6.             margin: 0px;
   
7.             animation: changeshadow 1s  ease-in  infinite ;
   
8.             /* 其它浏览器兼容性前缀 */
   
9.             -webkit-animation: changeshadow 1s linear infinite;
   
10.             -moz-animation: changeshadow 1s linear infinite;
    
11.             -ms-animation: changeshadow 1s linear infinite;
    
12.             -o-animation: changeshadow 1s linear infinite;
    
13.     }  
    
14.     @keyframes changeshadow {  
    
15.         50%{ text-shadow: 0 0 4px #4cc134}  
    
16.         50%{ text-shadow: 0 0 40px #4cc134}  
    
17.        50%{ text-shadow: 0 0 4px #4cc134}  
    
18.     }
    
19.     /* 添加兼容性前缀 */
    
20.         @-webkit-keyframes changeshadow {
    
21.           0%{ text-shadow: 0 0 4px #4cc134}  
    
22.           50%{ text-shadow: 0 0 40px #4cc134}  
    
23.           100%{ text-shadow: 0 0 4px #4cc134}  
    
24.         }
    
25.         @-moz-keyframes changeshadow {
    
26.             0%{ text-shadow: 0 0 4px #4cc134}  
    
27.             50%{ text-shadow: 0 0 40px #4cc134}  
    
28.             100%{ text-shadow: 0 0 4px #4cc134}  
    
29.         }
    
30.         @-ms-keyframes changeshadow {
    
31.             0%{ text-shadow: 0 0 4px #4cc134}  
    
32.             50%{ text-shadow: 0 0 40px #4cc134}  
    
33.             100%{ text-shadow: 0 0 4px #4cc134}  
    
34.         }
    
35.         @-o-keyframes changeshadow {
    
36.             0%{ text-shadow: 0 0 4px #4cc134}  
    
37.             50%{ text-shadow: 0 0 40px #4cc134}  
    
38.             100%{ text-shadow: 0 0 4px #4cc134}  
    
39.         }
    
40. </style>

复制代码