CSS动画按钮实例

实例一:

在鼠标悬停时添加箭头:

 

 

   代码实现:








带动画效果的按钮

 

 

实例二

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

 

   代码实现:








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

 

 

实例 3

鼠标悬停时淡入:

 

  代码实现:









淡入按钮 - 淡入效果

 

 

 

 

实例 4

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

 

代码实现:








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

你可能感兴趣的:(html+css3,css,动画,html)