counter
 
 
Este pequeño tutorial les enseñara como agregar el efecto de contraste a una imagen utilizando código CSS3.
 
Efecto de Contraste a una imagen con CSS3
Entre otros efectos que hemos visto están; efecto en escala de grisesefecto Sepia en una imagenefecto saturado en una imagen y el efecto de invertir los colores a una imagen hoy veremos cómo agregar el efecto de “Contraste” a una imagen.
 
La opción es contrast(porcentaje) donde el porcentaje es que tanto quieres que el filtro actue.

-webkit-filter: contrast(200%);  /* Chrome - Safari */
-moz-filter: contrast(200%);  /* Firefox */
-ms-filter: contrast(200%); /* IE9 */
-o-filter: contrast(200%);  /* Opera */
 
El ejemplo lo realizaremos con esta imagen http://www.mundonets.com/images/paisaje-rural-hd.jpg
 
Le agregamos el estilo: style=" -webkit-filter : contrast(200%);-moz-filter: contrast(200%); -ms-filter: contrast(200%); -o-filter: contrast(200%);   "
 
El código de la imagen quedaría asi:
 
<img src="http://www.mundonets.com/images/paisaje-rural-hd.jpg" style="width : 400px; -webkit-filter : contrast(200%);-moz-filter: contrast(200%); -ms-filter: contrast(200%); -o-filter: contrast(200%);   ">
 
Esta es la imagen original:
 

 
Este es el resultado con el efecto:
 
 
 

Escribir un comentario

Nota: Los comentarios escritos en mayúsculas o tipo SMS serán eliminados, al igual que los comentarios ofensivos o sin educación contra los lectores y/o editores de este medio.

También pueden reportar los comentarios ofensivos para ser borrados.

Código de seguridad
Refescar

Ultimos Comentarios!

  • Calendario de sorteos de chances y loterías colombianas

    Eisenhower Garc Eisenhower Garc Lun 16/oct/2017
    Desearía recibir pronósticos muchas gracias

    Leer más...

  • Calendario de sorteos de chances y loterías colombianas

    Eisenhower Garc Eisenhower Garc Lun 16/oct/2017
    Muchas gracias desearía recibir pronósticos gracias

    Leer más...

  • Inscripciones abiertas para “La Voz Teens” del Canal Caracol

    Judah Gomez Cer Judah Gomez Cer Lun 16/oct/2017
    Hola mi nombre es Judah y amo cantar, es mi pasion y deseo participar en este concurso, porque mas ...

    Leer más...

  • Qué pasa si bloqueo a alguien en Instagram

    mundonet mundonet Lun 16/oct/2017
    Hola, no le llega ningun tipo de notificación si ve su historia, no le aparece que usted lo vio.

    Leer más...

  • Google y Levi´s lanzan chaqueta inteligente

    Jair Jair Dom 15/oct/2017
    Cordial Saludo...necesi to recibir por e-mail resultados de loterias. Gracias..

    Leer más...