Philter.js - Librería de alteración de imágenes usando filtros CSS
Instagram es ampliamente conocida como la red de fotos más popular. Maneja más de 52 millones de fotos por día y muchas de ellas incluyen filtros que alteran las imágenes sobre la marcha.
Esto también es posible utilizando filtros CSS que se aplican directamente en el navegador . Estas propiedades de filtros personalizados tienen un amplio soporte en muchos navegadores y se ven geniales.
Con el plugin JavaScript de Philter, puede escalar este proceso para ahorrar tiempo y mover su código a HTML para efectos de filtro dinámicos .
Al usar este complemento, obtienes un control mucho mayor sobre tus imágenes . De esta forma, puede elegir qué filtros desea aplicar a imágenes individuales y si ciertos filtros deberían cambiar en función del comportamiento del usuario, como al pasar el ratón.
CSS admite transiciones animadas y Philter hace que este proceso sea realmente simple. Usted acaba de descargar Philter desde la página de inicio o desde el repositorio de GitHub. Una vez que se agrega a su página web, simplemente agrega el código de inicialización y déjelo ir.
Aquí hay un fragmento de muestra del repositorio de GitHub:
De forma predeterminada, puede configurar transiciones y atributos de datos adicionales que puede agregar en HTML. El parámetro url
define la ruta donde Philter debe buscar archivos SVG personalizados utilizados en el proceso de filtrado.
Estos filtros adicionales están empaquetados con la biblioteca, por lo que no necesita editarlos en absoluto. Pero, puede moverlos o colocarlos en una estructura de directorio diferente de su archivo actual, por lo que esta configuración puede necesitar ser modificada .
Ahora, puedes agregar filtros personalizados directamente a tu HTML elementos o sus contenedores.
Aquí hay un ejemplo simple :
Puede encontrar una lista completa de todos los filtros en GitHub, junto con una guía de configuración completa y muchas otras muestras de código.
Philter es uno de los complementos gratuitos más geniales que existen y supera los límites del CSS moderno. Incluso puedes diseñar tus propios filtros si estás dispuesto a profundizar en la base de código y hacer pequeños ajustes.
Para un lugar simple para comenzar, visite la página principal de Philter y descargue una copia. Puedes tenerlo funcionando en muy poco tiempo.
Ideas de intercambio de regalos: 40 regalos que puede obtener por menos de $ 5
La mejor parte acerca de las compras navideñas son las gangas que están disponibles en ciertas tiendas, tanto tiendas en línea como físicas. Si sabe dónde buscar, puede encontrar gemas por debajo del precio de $ 5. Hemos hecho todo el trabajo y hemos encontrado 50 de estas cosas de menos de $ 5 que puedes comprar durante esta temporada festiva (no estamos bromeando, estas son ofertas de tiempo limitado).Algu
12 motores de búsqueda privados que no te siguen
La navegación privada utilizando los modos supuestamente privados o de incógnito en su navegador habitual no le proporciona el nivel de privacidad que usted cree que tiene. Es posible que no desee que se le haga un seguimiento y le haya dejado en claro a su navegador predeterminado el hecho, pero usted sabe que ese no es el caso cuando los anuncios que están relacionados con sus búsquedas recientes aparecen en Facebook o dentro de su Gmail.En