counter
 
 
El efecto de Sepia es un efecto que le da a la fotografía un estilo antiguo, algo similar a lo que hace la red social “Instagram”, aunque ellos lo hacen de manera avanzada ya que tienen otras opciones como difuminado, colocarle marco, entre otras.
 
Agregar efecto Sepia a una imagen con CSS3
Anteriormente vimos el efecto para decolorar una imagen y dejarla en escala de grises, ahora te enseñaremos la manera sencilla de agregarle el filtro de sepia a una imagen.
 
La opción es sepia(porcentaje) donde el porcentaje es que tanto quieres que el filtro actue.

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

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

    valentina valentina Mie 18/oct/2017
    hola soy valentina, siempre eh querido participar en la voz..esto con 12 se puede entrar?

    Leer más...

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

    Manuel Murra Manuel Murra Mie 18/oct/2017
    Yo quiero participar en la voz teens 2017 pero no se como inscribirme si alguien me puede ayudar se lo ...

    Leer más...

  • Colombia Tiene Talento Fecha Inscripciones

    Natalya Natalya Mar 17/oct/2017
    Hola! Es concurso para niños? Mi hija tiene 8 años. Puedo tener más información?

    Leer más...

  • 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...