Si algo me parece interesante de Adobe es su departamento de experimentos, en el podemos encontrar diversas herramientas e implementaciones que demuestran la potencia de las nuevas tecnologías, específicamente hablando (en este caso) CSS3.
CSS Custom Filter es uno de sus más recientes experimentos, se trata de una aplicación web que combina distintas propiedades de CSS para la creación de novedosos efectos visuales, los mismos se pueden aplicar de manera sencilla a cualquier conjunto de imágenes que deseemos.
La idea detrás del proyecto es bien simple, crear de manera gráfica un filtro, aplicando distintos efectos CSS, para luego guardarlos a modo de propiedad CSS que podemos copiar y pegar directamente en nuestras hojas de estilo.
La herramienta es completamente intuitiva y muy fácil de usar. Simplemente se resume en ir seleccionando los distintos filtros y modificando la posición de los selectores para modificar los distintos valores. Ademas de los filtros predefinidos podemos crear los propios, contando con la posibilidad de guardarlos una vez creados, algo útil de cara a una futura utilización.
Esta pequeña aplicación, mezcla con experimento, permite ir viendo en la pantalla la sintaxis CSS utilizada, algo especialmente útil de cara al aprendizaje. También se puede ver perfectamente como se utilizan las animaciones, algo que no es siempre fácil de visualizar, mucho menos en una etapa de aprendizaje.
Si estan planeando aprender a realizar filtros con CSS esta herramienta es imprescindible, una ayuda para no dejar pasar. Un aplauso para la gente de Adobe 😀
Web: CSS Custom Filter
Intenz3
12 años ago
Wow, excelente, no lo conocía, muchas gracias 😀