Generador de filtros CSS
Construye efectos de filtro CSS visualmente con desenfoque, brillo, contraste y más. Vista previa en vivo con presets.
Vista previa
Comparación antes / después
Presets
Salida CSS
Filtros
0px
100%
100%
0%
0deg
0%
100%
100%
0%
Ctrl+Enter ejecutarCtrl+Shift+C copiar
Más información
Filtros CSS: efectos visuales para imágenes y elementos
Crea efectos de desenfoque, brillo, contraste y filtros foto estilo Instagram con la propiedad CSS filter.
La propiedad CSS filter explicada
La propiedad CSS filter aplica efectos gráficos como desenfoque, brillo, contraste y cambios de color a cualquier elemento HTML. Funciona en imágenes, fondos, texto e incluso secciones completas de una página. Los filtros son procesados por la GPU del navegador, haciéndolos eficientes para efectos visuales en tiempo real.
5 min de lecturaLeer la guía completa