Generador de código CSS gratuito para filtros de estilo Instagram

¿No sería genial agregar filtros de imagen a tu sitio? Hace años, esto hubiera requerido JavaScript, pero hoy en día se pueden crear filtros de imagen personalizados con HTML y CSS antiguos..

Y con la aplicación web cssFilters ni siquiera tiene que escribir ninguno de los códigos CSS!

Esta herramienta gratuita te ayuda a crear filtros de imagen personalizados utilizando filtros CSS3. Puede encontrar muchas guías que cubren la propiedad del filtro CSS en detalle. Pero con cssFilters no tendrá que preocuparse por cómo funciona todo, simplemente personalice su configuración y copie el código..

En la parte superior de la pantalla, verás una larga barra llena de filtros personalizados de Instagram. Estos filtros incluyen todas las opciones populares como Hudson, Toaster, Inkwell, Lofi y muchas otras..

Simplemente haga clic en el filtro que desee y luego haga clic en “Código CSS” pestaña en la esquina superior derecha Desde allí obtendrás tanto el código HTML como el código CSS. Simplemente copia / pega en tu sitio web y listo..

Pero también puede personalizar estos filtros con los controles deslizantes de configuración. Bajo la “generador” pestaña, puede modificar configuraciones como saturación y contraste junto con desenfoque, escala de grises, sepia e incluso el estilo de superposición, como un degradado lineal o degradado radial.

Cada vez que mueve un control deslizante, actualiza automáticamente el código para que no tenga que guardar nada..

E incluso puede intercambiar la imagen predeterminada cargando una desde su computadora o seleccionando una desde Unsplash.

Esta aplicación web fue hecha por Indrashish Ghosh y ejecuta muchas de las clases predeterminadas que se encuentran en la biblioteca CSSgram.

Pero las configuraciones personalizadas van más allá de los preajustes básicos, y la generación de código libre hace que esta sea una herramienta útil para codificadores y no codificadores. Ya tenemos muchos generadores de CSS3 para propiedades como gradientes de fondo y sombras de texto. Y ahora tenemos cssFilters como el principal generador de filtros de imagen CSS3.