CSS动画按钮实例

实例一：

在鼠标悬停时添加箭头：

 

 

   代码实现：

带动画效果的按钮

请悬停在我上方

 

 

实例二

 添加点击时的“按键按下”效果：

 

   代码实现：

带动画效果的按钮 - 按键效果

请点击我

 

 

实例 3

鼠标悬停时淡入：

 

  代码实现：

淡入按钮 - 淡入效果

请悬停在我上方

 

 

 

 

实例 4

添加点击时的“涟漪”效果：

 

代码实现：

带动画效果的按钮 - 涟漪效果

请点击我