CSS filters & blend modes: diferencias, semejanzas y uso conjunto

Filtros y modos de fusión CSS: las propiedades filter, backdrop-filter, background-blend-mode y mix-blend-mode

La llegada de los filtros y modos de fusión CSS supuso el logro de un viejo sueño: poder alterar los colores y apariencia de los elementos manteniendo inalterado el original. Esto es, aplicar con una línea de código una serie de efectos hasta entonces reservados a los programas de edición de imágenes y al mismo tiempo hacer posible que el original se conserve tal cual.

Cambiamos cómo se muestra al visitante un elemento (su apariencia) con CSS pero no comprometemos el original que se preserva en su estado primigenio.

Esto tiene una serie de ventajas innegables. Que resumidas al mínimo serían:

  1. Al conservarse el original se evitan tener multitud de variaciones/copias y el peligro de perderlo por despiste al guardar una modificación.
  2. No es necesario disponer de un programa de edición de imágenes, conocer su manejo y tener que recurrir a él cada vez que se necesite un efecto distinto. Tú escribes una declaración CSS y el navegador se encarga del resto
  3. Permite cambiar los efectos "en vivo, al vuelo y bajo demanda" teniendo una sola copia del elemento.

Sujetos afectados por filter y blend-mode

Los filtros y modos de fusión CSS además de ser propiedades diferentes y aplicar una serie de efectos distintos se diferencian en otro aspecto: a qué partes del elemento afectan. O dicho de otra forma: sobre qué actúan.

Leer ⥅

Comentarios

Publicar un comentario

Popular Posts

Convertir Codigo HTML a Texto Plano

Imagen
Vamos a conocer un truco muy sencillo pero muy útil, se trata de convertir código HTML a texto plano . En el caso de agregar un  widget  desde diseño, el código puede pegarse en el formato HTML . Pero si se agrega desde código debe cambiarse a texto plano. Convertir HTML a Texto Plano El siguiente enlace es el más recomendado, lo usamos con frecuencia y funciona muy bien. Proporcionado por los amigos de Ciudadblogger . http://www.ciudadblogger.com/p/conversor-de-html-texto-plano.html Pegamos el código del  widget  en la caja de texto y le damos al botón " Convertir a texto plano ", el código resultante es el que se incorpora dentro código de plantilla. Sitios Para Convertir Código HTML a Texto Plano Estamos generando un listado de todos los sitios disponibles que podemos revisar a continuación, la finalidad es la misma, pasar código HTML a texto plano y poder insertarlo en plantillas worpress o blogger donde fuera necesario. la utilidad más común es para convert...
Leer más

Print Error 0X000003e3

Imagen
Print Error 0X 000003e3 The machine was printing ok. Something messed up the print share machine ( \\192.168.0.190 ) had to reinstall the drivers for printer. When I Open the network share  \\192.168.0.190  to the shared printer Double click to the shared printer the following appears The after click after clicking install driver Then the following error appears Solution Enter the following into the run box,by combining Windows key + R .then enter rundll32.exe keymgr.dll, KRShowKeyMgr Added print share machine and an account with rights to access the print share machine    I repeated the  process to add the printer that is shared on   \\192.168.0.190  and voila . A working print share. Fuente: http://teqsupportit.blogspot.com/2012/11/print-error-0x000003e3.html
Leer más

FSearch, Similar o equivalente a Everything para linux

Imagen
Me ha llamado mucho la atención el programa  FSearch , una herramienta similar a  Everything Search Engine pero diseñada para Linux. Por el momento está en fase beta, pero el programa ya es funcional y muy potente. Sé que muchos estarán pensando en el comando  find  de la consola, pero tener una opción gráfica como alternativa a la terminal siempre es bueno.  FSearch está programado en C y nos ofrece multitud de opciones a la hora de realizar las búsquedas de archivos o carpetas. Características de FSearch y funcionalidades destacadas. Lo que más llama la atención, es que  los resultados de búsqueda aparecen de forma instantánea o casi instantánea a medida que escribimos . Esto supone un ahorro de tiempo y una mejor experiencia de uso si lo comparamos con otras herramientas. Otras características disponibles en FSearch para Linux son: Posibilidad de  uso de expresiones regulares . Podemos usar caracteres comodín y usar expresiones regulares para dar un...
Leer más