Filtros de imagen duotone usando los modos de fusión CSS-Colofilter. CSS

Tiempo de ejecución: 30 minutos. Empezar

Autor: LukyVj
Views Total: 3,531
Sitio oficial: Ir a la web
Actualizado: December 30, 2015
Licencia: MIT

Vista prévia

Filtros de imagen duotone usando los modos de fusión CSS-Colofilter. CSS

Descripción

Colofilter. CSS es una librería CSS pura que utiliza los modos de mezcla CSS para aplicar varios tipos de filtros ' duotone ' a tus imágenes.

Funcionamiento

Descargue e incluya el Colofilter. CSS en las secciones de la cabeza del documento como sigue.

<link href="colofilter.css" rel="stylesheet">

Aplique filtros de "duotona" a sus imágenes.

<div class="mezcla-azul">

<img src="image.png">

<span>lorem</span>
</div>

Todas las clases CSS.

  • mezcla-azul
  • mezcla-azul-dark
  • mezcla-azul-light
  • Blend-Orange
  • Blend-Orange-dark
  • Blend-Orange-light
  • mezcla-rojo
  • mezcla-rojo-dark
  • mezcla-rojo-light
  • mezcla-verde
  • mezcla-verde-dark
  • mezcla-verde-light
  • mezcla-amarillo
  • mezcla-amarillo-dark
  • mezcla-amarillo-light
  • Blend-Purple
  • Blend-Purple-dark
  • Blend-Purple-light
  • Blend-Pink
  • Blend-Pink-dark
  • Blend-Pink-light
  • mezcla-azul-yellow
  • mezcla-azul-yellow-dark
  • mezcla-azul-yellow-light
  • Blend-Pink-yellow
  • Blend-Pink-yellow-dark
  • Blend-Pink-yellow-light
  • mezcla-rojo-blue
  • mezcla-rojo-blue-dark
  • mezcla-rojo-blue-light

Te puede interesar: