kl个人博客 首页>>前端>>酷炫的css之csshake----跳动的div

酷炫的css之csshake----跳动的div

酷炫的css之csshake----跳动的div

前言碎语

今天要介绍的是一个叫做csshake的css样式库,项目托管在github上了,目前已收获两千多个星星了,这个css库能够提供丰富的可以让div以鼠标经过跳动、无限抖动、鼠标悬停跳动等多种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>

更多特效,请参考官方demo

github地址:https://github.com/elrumordelaluz/csshake

在线demo:http://elrumordelaluz.github.io/csshake/

cdn地址:https://cdnjs.com/libraries/csshake#



kl个人博客