Cómo escribir el código CSS para el efecto de iluminación cuando se mueve el mouse y el efecto de oscurecimiento cuando se aleja el mouse

1. Abra hbuilder, establezca un div en el archivo html en blanco, asigne al div una clase y asígnele el nombre img:

2. Establezca la clase img en un cierto ancho en css. He Gao, presenta imágenes de muestra y las configura para que no se repitan. Y configure la pseudoclase ":hover" para la clase img y establezca la transparencia dentro de la pseudoclase en 0.6:

3. >

4, mueva el mouse hacia la imagen y verá que la imagen se ha vuelto más brillante. Lo anterior es una demostración del uso de CSS para establecer el efecto de hacer que la imagen sea más brillante cuando el mouse pasa sobre ella y más oscura cuando el mouse se aleja: