counter
 
 
Ahora conoceremos el efectoInvert” este efecto hace que los colores de una imagen se inviertan, cuando lo aplicas podrás ver un especie de negativo de la imagen.
 
Efecto de invertir los colores a una imagen con CSS3
Entre otros efectos que hemos visto están; efecto en escala de grises, efecto Sepia en una imagen y el efecto saturado en una imagen, hoy veremos cómo agregar el efecto de “Invert” a una imagen.
 
Invert
 
Este filtro lo que hace es invertir los colores de una imagen, dependiendo del porcentaje veras el efecto, en este ejemplo le pondremos invert(100%).

-webkit-filter: invert(100%);  /* Chrome - Safari */
-moz-filter: invert(100%);  /* Firefox */
-ms-filter: invert(100%); /* IE9 */
-o-filter: invert(100%);  /* Opera */
 
El ejemplo lo realizaremos con esta imagen http://www.mundonets.com/images/paisaje-rural-hd.jpg
 
Le agregamos el estilo: style=" -webkit-filter : invert(100%);-moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%);   "
 
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 : invert(100%);-moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%);   ">
 
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!

  • Numeros Romanos del 1 al 100 y del 100 al 1000

    CatherineSmall CatherineSmall Jue 23/nov/2017
    I have checked your site and i've found some duplicate content, that's why you don't rank high in ...

    Leer más...

  • Inscripciones para “La Voz Kids 2017” del Canal Caracol

    jhon jarinson jhon jarinson Jue 23/nov/2017
    Hola soy jhon jarinson guzman y estoy aquí para que me siten en la voz kids mi numero es 3208646804

    Leer más...

  • Inscripciones para “La Voz Kids 2017” del Canal Caracol

    jhon jarinson jhon jarinson Mie 22/nov/2017
    Mi nombre es Jhon jarinson canto desde los 11 balada cristiana y tengo 12 años y quisiera cantar en la ...

    Leer más...

  • Inscripciones para “La Voz Kids 2017” del Canal Caracol

    alexis alexis Mie 22/nov/2017
    muy buenas noches entidad publicitaria de televisión, me gustaría saber sobre el tiempo limite de ...

    Leer más...

  • Lotería del Huila martes 21 de noviembre 2017

    olga bejarano olga bejarano Mie 22/nov/2017
    Buenas noches en mi fracion aparece un numero y dice gana fijo sin serie es un numero distinto al del ...

    Leer más...