今天小编跟大家讲解下有关CSS实现抖音彩色文字抖动效果 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关CSS实现抖音彩色文字抖动效果 的相关资料，希望小伙伴们看了有所帮助。
先来无事谢了一个抖音文字都懂效果（比较晃眼），效果非常简单，就是一个 css3 的动画效果。
直接将这下面代码，放到你的 css 文件：
.douyin{animation:uk-text-shadow-glitch.65scubic-bezier(1,-2.91,0,3.79)0sinfinitenormalbothrunning;[email protected]{0%{text-shadow:none}25%{text-shadow:-2px-2px0#ff0048,2px2px0#3234ff}50%{text-shadow:2px-2px0#ff0048,-2px2px0#3234ff}75%{text-shadow:-2px2px0#ff0048,2px-2px0#3234ff}100%{text-shadow:2px2px0#ff0048,[email protected]{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)}}其中cubic-bezier(1,-2.91,0,3.79)是贝赛尔曲线，数值越大，抖的越厉害。具体可以参考<timing-function>的 API。
然后给你需要抖起来的文字加上 .douyin 的 class ，就可以了，代码如下：
<p>www.w3h5.com</p>来源：爱蒂网
