给图片加hover样式(朴素的方法)

怎样实现鼠标悬停效果?


给图片加hover样式(朴素的方法)_第1张图片

最朴素的思路就是在图片上添加一层图标样式然后隐藏起来(opacity:0;)
然后把icon的hover样式的透明度设置成0.5
html代码:
css代码:

  

html:


        ![](http://upload-images.jianshu.io/upload_images/5641465-34924ac69ed08660.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
        
          
        
      

预览

你可能感兴趣的:(给图片加hover样式(朴素的方法))