有時候一些細微的交互動畫能提升一定的用戶體驗，以前我們可能需要用JS才可實現，但CSS3的出現大大方便了我們，下面我們整理下些用CSS實現的交互動畫按鈕和菜單，我想會給你帶來一些靈感。

對此也建議大家看看原代碼的編寫方法，這些都是比較實用的效果，舉一反三，你可以用它來實現更多創新的交互。

提交按鈕效果
 

在線演示
Google Play商店菜單特效
 

在線演示
焦點動畫
 

在線演示
社會化媒體分享動畫
 

在線演示
CSS Tooltips效果
 

在線演示
CSS左側菜單動畫
 

在線演示
發送、確認動畫
 

在線演示
郵件提示效果
 

在線演示
展開菜單效果
 

在線演示
鼠標Hover動畫
 

在線演示
CSS按鈕單擊特效
 

在線演示
展示開單按鈕動畫
 

在線演示