Cómo hacer efecto hover en imágenes con CSS

N

nibrepeliculas

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 19 Mar 2016

• #1

hola estoy haciendo una web para practicar css y necesito saber como puedo poner un efecto a una imagen que cuando pase el mause la imagen se ponga mas oscura creo que se hacen con colores rgba algo asi para poder hacerlo

 

H

hamiltonbl

Eta

• 19 Mar 2016

• #2

Puedes hacerlo de la siguiente manera...

Create un estilo en tu css con el nombre que tu quieras, Yo usare de ejemplo: EfectoHover


.EfectoHover img:hover {
opacity: 0.8;
}


Ya con ese css, se oscurecerán las imágenes que tenga el mouse sobre ellas. Espero haberte ayudado, Saludos.

 

N

nibrepeliculas

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 19 Mar 2016

• #3

gracias amigo

 

Carambel

Ómicron

Social Media

Verificado

Verificación en dos pasos activada

• 22 Mar 2016

• #4

El css es un algo fantastico y sus efecto hover en lo principal.