纯css3实现html图片文字等元素抖动效果

今天我们要来分享一款很酷的CSS3动画抖动的特效、它可以让网页中的任何元素进行抖动、抖动的参数也可以自定义设置、可以定义抖动的快慢、方向以及更为复杂的抖动效果

该应用基于CSS3实现、实现起来也比较方便、可以很方便的集成到自己的项目中、效果图如下

html代码

<section>
    <p class="shake shake-hard">shake-hard</p>
</section>

引入css

<link href="css/shake.css" rel="stylesheet" media="all">

添加class

class="shake shake-vertical"

其实只需要在需要抖动的元素上面添加对应的css抖动效果就好了、非常简单

html 抖动效果源代码下载链接: css3抖动效果 密码: q29m