使用csshake怎么实现多种不同样式的抖动效果，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
cssShake是一个使用css3实现的动画样式，使用SASS编写，利用它我们可以实现多种不同样式的抖动效果（如下面的GIF图像）。
cssShake是什么
cssShake是一个很微小的动画，但使用得当也是挺不错的，比如用在广告、图像、按钮上，这样可以用来吸引用户眼球从而促使去点击它。这个csshake有9个抖动样式，三个状态，如鼠标经过拉动、无限抖动、鼠标悬停拉动
cssShake使用教程
首先引入cssshake的样式表文件。
<linktype="text/css"href="csshake.css">
给你的DOM元素添加shakeclass样式
<divclass="shake"></div>
添加抖动样式，一共9种，也可以看DEMO对应添加即可
<divclass="shakeshake-hard"></div>
<divclass="shakeshake-slow"></div>
<divclass="shakeshake-little"></div>
<divclass="shakeshake-horizontal"></div>
<divclass="shakeshake.vertical"></div>
<divclass="shakeshake-rotate"></div>
<divclass="shakeshake-opacity"></div>
<divclass="shakeshake-crazy"></div>
看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注亿速云行业资讯频道，感谢您对亿速云的支持。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
