按钮实现鼠标悬停背景色渐变的动画特效




    
    Title
    








这个是利用background-position属性的变化实现的渐变效果

按钮实现鼠标悬停背景色渐变的动画特效_第1张图片


还可以通过box-shadow属性来实现这种动画效果,只是颜色不会有一个平滑的过度




    
    Title
    






按钮实现鼠标悬停背景色渐变的动画特效_第2张图片

你可能感兴趣的:(按钮实现鼠标悬停背景色渐变的动画特效)