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 ...