【子比主题美化】文章标题加上渐变颜色效果

china0396

在后台设置中-全局功能-自定义代码-自定义CSS样式中加入以下代码即可

1. /*文章标题加上渐变彩色文字 开始*/
   
2. .item-heading :hover,
   
3. .text-ellipsis :hover,
   
4. .text-ellipsis-2 :hover,
   
5. .links-lists :hover {
   
6.   background-image: -webkit-linear-gradient(30deg, #32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%);
   
7.   -webkit-text-fill-color: transparent;
   
8.   -webkit-background-clip: text;
   
9.   -webkit-background-size: 200% 100%;
   
10.   -webkit-animation: maskedAnimation 4s infinite linear;
    
11. }
    
12. @keyframes maskedAnimation {
    
13.   0% {
    
14.     background-position: 0 0
    
15.   }
    
16. 
    
17.   100% {
    
18.     background-position: -100% 0
    
19.   }
    
20. }
    
21. /*文章标题加上渐变彩色文字 结束*/

复制代码