Ejemplos HTML5 y CSS3

ejemplos.robertsallent.com

Calculadora de filtros de imagen en CSS

Descripción

Con este ejemplo se pueden probar los diferentes filtros de imagen que ofrece CSS, así como calcular los valores deseados para nuestras imágenes.

homer
filtro blur()

filter: blur(0px);
marge
filtro brightness()

filter: brightness(0px);
bart
filtro contrast()

filter: contrast(0px);
lisa
filtro drop-shadow()




filter: drop-shadow(0px);
maggie
filtro grayscale()

filter: grayscale(0%);
abe
filtro hue-rotate()

filter: hue-rotate(0deg);
moe
filtro invert()

filter: invert(0%);
clancy
filtro opacity()

filter: opacity(100%);
kodos
filtro saturate()

filter: saturate(0%);
otto
filtro sepia()

filter: sepia(0%);