如何使用css制作出这种效果?

html-css08

如何使用css制作出这种效果?,第1张

两种方法:

第一,一张图片, 制作一个变亮的跟一个变暗的在一张图,然后用定位background-position:定位置

第二,两张图片, 制作两张图片, 一开始显示变暗的图片.当鼠标已过,:hover 就换另一张图片

js,一般是制作两张相同的图片a、b,一张的亮度高一点

图片放到div里边然后鼠标移动到上边用js把<img src='图片a'>的src属性换成 图片b

可以用mouseover事件触发js函数