jquery 怎么调节图片亮度_CSS鼠标经过图片变亮,移开变变暗效果代码怎么写

展开全部

原理就是制作两套样式,分别运32313133353236313431303231363533e59b9ee7ad9431333335303438用在鼠标放上和拿开的时候,比如楼下的同学说的:img {opacity:0.8;filter(alpha=80)}

img:hover {opacity:1;filter(alpha=100)}

但是用透明度的方法似乎没有变亮,变暗的效果。

建议可以在图片上加一个层来控制:html>

JS Bin

#tabbox{ width: 300px; height: 300px; position: relative;}

.imgbg{width: 300px; height: 300px; top: 0; left: 0; position: absolute; background: #000;  opacity:0;filter(alpha=0)}

.imgbg:hover{ opacity:0.5;filter(alpha=50)}

希望能帮到你!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值