csshake

csshake

csshake 介绍

css Shake是一个使用css3实现的动画样式，使用SASS编写，利用它我们可以实现多种不同样式的抖动效果（如下面的GIF图像）。

css Shake是一个很微小的动画，但使用得当也是挺不错的，比如用在广告、图像、按钮上，这样可以用来吸引用户眼球从而促使去点击它。这个csshake有9个抖动样式，三个状态，如鼠标经过拉动、无限抖动、鼠标悬停拉动  

csshake引入

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

csshake使用 

<div class="shake"></div>

<div class="shake shake-hard"></div>

<div class="shake shake-slow"></div>

<div class="shake shake-little"></div>

<div class="shake shake-horizontal"></div>

<div class="shake shake-vertical"></div>

<div class="shake shake-rotate"></div>

<div class="shake shake-opacity"></div>

<div class="shake shake-crazy"></div>

网站地址:https://elrumordelaluz.github.io/csshake/

GitHub:https://github.com/elrumordelaluz/csshake

网站描述:一个使用CSS3实现的动画样式，实现多种不同样式的抖动效果

csshake官方网站

官方网站：https://elrumordelaluz.github.io/csshake/

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。