纯CSS3文字烟雾动画特效

来源:https://www.sucaihuo.com/js/2530.html 2017-07-24 23:07浏览(2222) 收藏

一款纯CSS3文字烟雾动画特效,每一个字符都时独立的个体,烟雾化的时候时独立执行的动画效果,喜欢的童鞋请收下吧。
纯CSS3文字烟雾动画特效
分类:文字特效 > 文字动画 难易:初级
查看演示 下载资源 下载积分: 20 积分

页面的head部分,需要引入一个主要的CSS样式文件,代码如下:

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分,将多个文字单独放入不同的span标签里面,这样每个文字的烟雾效果都时独立的,代码如下:

<span>w</span><span>w</span><span>w</span><span>.</span><span>s</span><span>u</span><span>c</span><span>a</span><span>i</span><span>h</span><span>u</span><span>o</span><span>.</span><span>c</span><span>o</span><span>m</span>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2