纯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"

文章链接:https://www.sbkko.com/1-108.html
文章标题:纯CSS文字彩色抖动抖音效果
文章版权:SBKKO 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

人已赞赏
干货分享文章

又一个神器-百度网盘高速下载,低调使用

2019-3-1 17:31:19

干货分享文章

再不舍得也要分享,喜马拉雅资源免费下载

2019-3-4 8:51:08

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索