javaScript-textBorder: ejemplos

  1. Ejemplo de texto en relieve
  2. Ejemplo de texto hundido
  3. Ejemplo de Borde
  4. Ejemplo de texto desenfoque
  1. Ejemplo de texto en relieve

    Para que el texto parezca en relieve el primer color debe ser mas oscuro que el segundo, aqui puedes ver varios ejemplos:
    Texto en relieve
    
    Podemos hacer el efecto mas exagerado haciendo las copias completamente opacas (valores de opac1 y opac2=1):
    
    Texto en relieve con mas opacidad
    
    Podemos darle solo un pixel en vez de los dos que se aplican por defecto:
    
    Texto en relieve de 1 pixel
  2. Ejemplo de texto hundido

    Para que el texto parezca estar hundido debemos pasarle el primer color mas claro que el segundo, ejemplos:
    Texto hundido
    
    Podemos exagerar el efecto haciendo las copias completamente opacas (valores de opac1 y opac2=1):
    
    Texto hundido con mas opacidad
    
    Solo un pixel y opacidad 1:
    
    Texto hundido de 1 pixel
  3. Ejemplo de borde

    Para que el texto parezca estar rodeado por un borde damos a los dos colores el mismo valor, ejemplos:
    Borde de dos píxels
    
    Podemos hacer las copias completamente opacas (valores de opac1 y opac2=1):
    
    Texto con borde opaco
    
    Solo un pixel y opacidad 1:
    
    Borde de 1 pixel
  4. Ejemplo de desenfoque

    Para que el texto parezca desenfocado damos a los dos colores el mismo valor y poca opacidad, ejemplos:
    Opacidad 0.1
    
    
    Opacidad 0.3
    
    
    Opacidad 0.5

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *