基于Splitting.js实现CSS3魔幻文字动画特效源码

基于Splitting.js的文字动画是一款很不错的CSS3文字动画特效，主要给用户在选择下拉框时呈现一种比较魔幻可怕的动画场景。使用了Splitting.js将单词拆分成一个个字母，然后通过CSS给字符添加背景图片，然文本拥有背景渲染的视觉效果。同时当我们下拉选项时，下拉框中的文本将会出现闪烁发光的动画效果，文本选中后，网页的背景图片也会以渐变的方式改变为对应文本的背景图片。

如果大家非常好奇该段代码所带来的动画效果的话，可以点击【演示地址】进行预览哦，兼容IE8及以上浏览器，小编建议使用【谷歌/火狐】浏览器预览，如图所示：