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:
Argumento | Tipo | Descripción |
---|---|---|
obj | Objeto html | Objeto 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: |