错误博客( cuowu.com )发布于 2019-06-05 12:03:26

CSS透明度

CSS透明度,图片透明度opacity(不透明),opacity为0时为透明,为1时为不透明,中间值半透明。

第一步,插入图片

<div class=”image”><img src=”3.png” alt=”图片3″ width=”200″ height=”200″ >

第二步,设置CSS透明度效果,鼠标未在图片时,透明度为0.3

div.image img{

opacity:0.3;

}

第三步,鼠标放上去的,透明度改变,如何实现呢,img:hover来实现。

div.image img:hover{

opacity:0.8;

}


2020年错误博客亲测项目系列

错误教程( cuowu.com )专注网推培训、SEO培训和网赚培训,微信/电话:13722793092

关注微信公众号:第一时间获得错误博客最新教程,让我们一起成长!

公众号二维码