错误博客( 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;

}

随机文章

小小课堂:服务器权限设置-写入配置失败,请检查../data目录是否可写入!
小小课堂:网站搜索引擎优化地区词的SEO技巧【必读干货】
逆境中如何破局?抱怨是典型的弱者思维
167 两条道-阎川魔鬼游戏
dnf什么职业刷图厉害-dnf刷图最强职业
Uzi不敌张无忌,深夜上分战绩亮眼!网友:下场比赛就玩这英雄吧
圣狮鹫可以免疫几次卡死?
大话西游2弃坑之后再回归-玩一段时间再次清号

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

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

公众号二维码