ElSaltoWeb.es
Rompiendo las reglas del
UX/UI

📄🔤 Cuando seleccionas texto en una página web:

• Estilo del texto seleccionado 🖌️:

  • Hay una parte de CSS que decide cómo se ve el texto cuando lo seleccionas.

• Propiedad especial ✨:

  • Esta propiedad se llama mix-blend-mode: difference. Es una manera elegante de decirle al navegador cómo mezclar colores.

• Modo «difference» 🔄:

  • Este modo compara los colores del texto con los colores de fondo.
  • Compara cada parte de los colores (rojo, verde, azul) y resta el valor más bajo del más alto.

• Efecto visual 👁️:

  • Si el fondo y el texto son similares en color, el resultado será un color oscuro 🖤.
  • Si son diferentes, el resultado será un color claro o inverso 🌟.