平时很多项目中,都会使用到css3效果,尤其是抖动效果更加让人大呼过瘾。如果一个一个写代码效果还是麻烦些,今天给大家推荐一个抖动库,只需要头部引入该“.min.css”文件即可,给需要加抖动的item加特定class就可以完成效果,一起来试试吧!
使用方法,超级简单。直接引用一个css文件即可。代码如下:
<link rel="stylesheet" type="text/css" href="csshake.css">
下面是几种效果,包括一般抖动、剧烈抖动、缓慢抖动、横向抖动、隐现抖动、疯狂抖动等等。
<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>
<div class="shake shake-freeze"><div>
<div class="shake shake-constant"><div>
<div class="shake shake-constant shake-constant--hover"><div>
下载链接:https://github.com/elrumordelaluz/csshake/tree/master/docs