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

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

效果

5e0fee4b76085c3289a3a66e

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

分享到 :
相关推荐

原生新版抖音短视频源码(安卓+苹果+前后端打包)

原生新版抖音短视频源码(安卓+苹果+前后端打包)安卓语言是:androidstdio...

巨量创意

[wm_wpbuttonlink="#"target="blank"variatio...

【仿抖音短视频双端APP】2020最新直播系统+短视频双端源码[附详细安装搭建教程]

【仿抖音短视频双端APP】2020最新直播系统+短视频双端源码[附详细安装搭建教程]...

抖音怎么去水印[支持40多个平台去水印功能](消除水印,下载保存没有水印的视频)

我们经常会在抖音看到一些好看的视频,准备分享出去。但是直接保存视频会带有水印,不清晰...

发表评论

登录... 后才能评论