怎么设置鼠标放在特定图片上图片亮度变化

2025-03-27 02:24:15

1、打开编辑器,新建一个HTML文档,并且设立基本架构。

怎么设置鼠标放在特定图片上图片亮度变化

2、用img标签把图片加进来。

怎么设置鼠标放在特定图片上图片亮度变化
怎么设置鼠标放在特定图片上图片亮度变化

3、创建CSS文件,并且与HTML文档相关联。

怎么设置鼠标放在特定图片上图片亮度变化

4、img:hover 辘腋粪梯{ opacity: 0.5;}我们可以利用透明度来进行调整,移动过去以后就减弱,这样亮度就有变化。

怎么设置鼠标放在特定图片上图片亮度变化
怎么设置鼠标放在特定图片上图片亮度变化
怎么设置鼠标放在特定图片上图片亮度变化

5、但是透明度最多只能为1,超过就没有任何效果了。

怎么设置鼠标放在特定图片上图片亮度变化

6、img{ opac坡纠课柩ity: 0.6;}img:hover { opacity: 1;}但是我们也可以先设置稍微有点透明,然后再设置恢复正常,这样也是可以的。

怎么设置鼠标放在特定图片上图片亮度变化
怎么设置鼠标放在特定图片上图片亮度变化
怎么设置鼠标放在特定图片上图片亮度变化
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢