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

¿Qué tan bueno sería agregar filtros de imagen en su sitio? Hace años, esto requería JavaScript, pero hoy en día puedes crear filtros de imagen personalizados con buenos viejos HTML y CSS.

Y con la aplicación web cssFilters, ¡ni siquiera tiene que escribir el código CSS!

Esta herramienta gratuita te ayuda a crear filtros de imagen personalizados usando filtros CSS3. Puede encontrar muchas guías que cubren la propiedad de filtro CSS en detalle. Pero con cssFilters no tendrá que preocuparse de 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 de Instagram personalizados. Estos filtros incluyen todas las opciones populares como Hudson, Tostadora, Inkwell, Lofi y muchos otros.

Simplemente haga clic en el filtro que desee y luego haga clic en la pestaña "Código CSS" en la esquina superior derecha. A partir de ahí, obtendrás el código HTML y el código CSS. Solo copie / pegue en su sitio web y listo.

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

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

E incluso puede cambiar la imagen predeterminada subiéndola desde su computadora o eligiendo una de Unsplash.

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

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

La guía de diez pasos de Internet Junkie para Awesomeness

"Awesome" es una palabra bastante usada en la actualidad, especialmente en la World Wide Web. Siempre que un artículo, una foto, un video, un GIF o algo así salga a la luz de alguna manera, se golpea automáticamente con la palabra A.Si ese "algo" asombroso será olvidado después de unos días, o incluso unos minutos, no importa, porque así es como funciona Internet. Por o

(Consejos de tecnología y diseño)

Cómo ejecutar varias instancias de Google Drive en Windows gratis

Muchas personas tienen varias cuentas de Google Drive, por ejemplo, para el trabajo y el uso personal, pero Google no permite ejecutar dos instancias de la aplicación Google Backup and Sync en una sola PC. Por lo tanto, los usuarios han estado pagando por aplicaciones de terceros solo para sincronizar varias cuentas de Google Drive simultáneamente.S

(Consejos de tecnología y diseño)