安利一款炒鸡好用的CSS“抖动”库

Jason 2019-01-10 PM 104℃ 0条

平时很多项目中,都会使用到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

标签: css库, 抖动

非特殊说明,本博所有文章均为博主原创。

评论啦~