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 argumentosThe effect is achieved by displacing copies of the content object one and two pixels.
The function takes four arguments:

ArgumentoTipoDescripción
objObjeto htmlObjeto al que aplicamos el efecto, se aplica a su contenido (innerHTML).
clr1 (Opcional)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 una respuesta

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