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

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

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

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

4、img:hover {

    opacity: 0.5;

}

我们可以利用透明度来进行调整，移动过去以后就减弱，这样亮度就有变化。

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

6、img{

    opacity: 0.6;

}

img:hover {

    opacity: 1;

}

但是我们也可以先设置稍微有点透明，然后再设置恢复正常，这样也是可以的。