textBorder: añade efectos de borde al texto en HTML con javaScript

textBorder.js crea efectos de relieve, repujado y desenfoque en los textos html.
El efecto se consigue desplazando copias del contenido del objeto uno y dos pixels.
La función recibe cuatro argumentos:

Argumento Tipo Descripción
obj Objeto html Objeto al que aplicamos el efecto, se aplica a su contenido (innerHTML).
clr1 (OpcionalOptional) Color HTML Color que se aplica a la derecha y abajo del objeto. Por defecto “#000″
clr2 (opcional) Color HTML Color que se aplica a la izquierda y arriba del objeto. Por defecto “#fff″
opts (opcional)Objeto opac1:Opacidad de la copia desplazada un píxel. Número decimal de 0 a 1. Por defecto: 0.5
opac2:Opacidad de la copia desplazada dos píxels. Número decimal de 0 a 1. Por defecto: 0.3
res: Determina cuantas veces se copia el texto original, 1 o dos veces. Por defecto : 2

Pruébalo:
div con ID=”idText”:

Texto de ejemplo
textBorder(document.getElementById("idText"));
Cambiar clr1:
Cambiar clr2:
Cambiar opac1:
Cambiar opac2:
Descarga textBorder

Deja un comentario

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