CSS 点击img 或者 div 增加抖动(shake)效果
一般使用场景: 登录的错误验证 或者 强提醒 template 部分 javascript 部分 css 部分 ...
原文：CSS Shake – 摇摆摇摆！动感的 CSS 抖动效果
CSS Shake 是一套 CSS 动画特效，让页面的 DOM 元素实现各种效果的抖动 Shake ，这些效果可以轻松的被应用到按钮 LOGO 以及图片等元素。所有这些效果都是只需要单一的标签，加上特定的 class 即可。因为使用了CSS 过渡 转换和动画效果，因此只支持Chrome Firefox 和 Safari 等现代浏览器。 您可能感兴趣的相关文章 使用 CSS 实现超炫的加载动画效果 ...
2014-03-11 09:38 0 31950 推荐指数：
相关推荐
解析css3 shake 抖动样式
前端时间做项目发现一抖动按钮挺吸引眼球的，研究了下实现原理，在此和大家分享下： CSS Shake是一个使用CSS3实现的动画样式，使用SASS编写，利用它我们可以实现多种不同样式的抖动效果（如下面的GIF图像）。这是一个很微小的动画，但使用得当也是挺不错的，比如用在广告、图像、按钮 ...
纯css抖动效果
HTML： CSS： 快点开我！ 展示： ...
炫酷的CSS3抖动样式:CSS Shake
CSS Shake是一个使用CSS3实现的动画样式，使用SASS编写，利用它我们可以实现多种不同样式的抖动效果（如下面的GIF图像）：炫酷的CSS3抖动样式:CSS Shake这是一个很微小的动画，但使用得当也是挺不错的，比如用在广告、图像、按钮上，这样可以用来吸引用户眼球从而促使去点击 ...
Unity中利用柏林噪声(perlinnoise)制作摇摆效果
perlinnoise是unity中Mathf下的一个函数，需要两个float参数x和y进行采样，返回一个0-1的float型。 项目里经常要随机摇摆某些东西，比如摄像机，某个随机运动的目标等等，都可以用这个函数来搞定。 下面是代码，挂载到对象上即可使用，目前返回值是一个Vector2 ...
css3 图片 抖动效果
...
和transformjs一起摇摆
写在前面 记得以前facebook做过一款HTML5游戏。开场动画是一块软体类似豆腐的东西一起摇摆。类似的效果如下面的gif所示： facebook当时使用的是createjs下的子项目easeljs和tweenjs去制作，基于Canvas的动画。基本的原理主要是：循环运动Canvas抽象 ...
CSS技巧！鼠标经过图片抖动效果
把代码加到style.css(模板的主css里面)： /**图片抖动**/ img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both ...