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)
    }
}

使用方法

1.将代码粘贴至style.css文件里面

2.使用<span>标签进行调用

<span class="doudong">辰旭博客</span>

结语

学废了话,留个言吧!


一个爱好捣鼓网站的男孩纸!