纯CSS文字彩色抖动抖音效果

效果

简介

直接将这下面段放进你的 style.css

doudong{  
    animation: uk-text-shadow-glitch .65s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running;  
    }  
@keyframes uk-text-shadow-glitch {  
    0% {  
        text-shadow: none  
    }  
    25% {  
        text-shadow: –2px –2px 0 #ff0048,2px 2px 0 #3234ff  
    }  
    50% {  
        text-shadow: 2px –2px 0 #ff0048,-2px 2px 0 #3234ff  
    }  
    75% {  
        text-shadow: –2px 2px 0 #ff0048,2px –2px 0 #3234ff  
    }  
    100% {  
        text-shadow: 2px 2px 0 #ff0048,-2px –2px 0 #3234ff  
    }  
}  
@keyframes uk-flicker {  
    0% {  
        opacity: 0  
    }  
    10% {  
        opacity: .6;  
        transform: scale(.8)  
    }  
    20% {  
        opacity: 0  
    }  
    40% {  
        opacity: 1  
    }  
    50% {  
        opacity: .2;  
        transform: scale(1.1)  
    }  
    100% {  
        opacity: 1;  
        transform: scale(1)  
    }  
}  

然后把你需要抖起来的那个文本标签 <> 内加入 class="doudong"

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论
个人博客 论坛专区 主机两折 爆款主机
关注我们
  • 官方客服:289553844一键联系
  • 扫一扫加公众号
    扫一扫加小程序