css如何使文字抖动,纯CSS文字彩色抖动抖音效果

效果

简介

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

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 所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！