ESW

ElSaltoWeb.es
Rompiendo las reglas del
UX/UI

Uso de mix-blend-mode:

📄🔤 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 🌟.

🔍 ¿Qué pasa en la práctica?

  • Texto y fondo similares 🎨:

    • Texto: Azul claro
    • Fondo: Azul claro
    • Resultado: Oscuro (casi negro)

  • Texto y fondo diferentes 🌈:

    • Texto: Rojo
    • Fondo: Azul
    • Resultado: Color inverso (puede ser blanco o un color claro)

🖥️ Así que, en resumen:

Cuando seleccionas texto, el estilo mix-blend-mode: difference hace que el texto cambie de color dependiendo de su fondo, creando efectos de alto contraste para que sea fácil de ver.

🖌️🔄✨ ¡Y así es como el texto se vuelve mágico! 🌟

COMPARTIR EN:
Facebook
LinkedIn
WhatsApp
169

Text Marquee effect

Con estos sencillos pasos, añadirás un toque de dinamismo y estilo a tu página web con Elementor. ¡A divertirse creando! 😊🌟
DESCUBRIR
COMPARTIR EN:
Facebook
LinkedIn
WhatsApp
1.597

Cómo aplicar un efecto de rotación continua a una imagen en Elementor

Aplicar fácilmente un efecto de rotación continua infinita a cualquier imagen en Elementor.
DESCUBRIR
COMPARTIR EN:
Facebook
LinkedIn
WhatsApp
165

Configuración Inicial de WordPress

En esta sección, aprenderás cómo configurar inicialmente tu entorno de WordPress.
DESCUBRIR
COMPARTIR EN:
Facebook
LinkedIn
WhatsApp
1.005

Efecto CSS Videocasete Retro | Demo Visual VHS Scotch para tu Web

¿Quieres que tu web destaque con un look vintage y único? Prueba nuestro efecto CSS estilo videocasete y sorprende a tus visitantes.
DESCUBRIR
COMPARTIR EN:
Facebook
LinkedIn
WhatsApp
1.843

Curso CSS de Jonathan Mircha | Domina los estilos desde cero

¿Buscas dominar CSS de verdad? Este curso gratuito de Jonathan Mircha es el más completo y actualizado en español. Ideal para quienes comienzan en desarrollo web o quieren mejorar su portafolio.
DESCUBRIR
COMPARTIR EN:
Facebook
LinkedIn
WhatsApp
692

Efecto de Scroll Horizontal

Echa un vistazo a nuestra página de desplazamiento infinito. Este sitio cumple tu pasión por desplazarte. ¡No se detendrá! 🔄
DESCUBRIR