Se lee en 1 minuto

Long Shadow jQuery Plugin es un proyecto de Dang Van Thanh disponible en GitHub.

Se trata de un plugin basado en jQuery que sirve para generar el ya famoso “efecto Long Shadow” sobre textos HTML.

Si  revisas mi ejemplo verás que antes de nada cargo un archivo CSS en el que configuro la clase .longshadow y elementos subordinados a la misma. También se configura un duplicado de esa clase llamado .longshadow2 para los cuatro últimos ejemplos.

Desde este archivo CSS configuramos el color del texto (que en mis ejemplos no cambia) y también el color de fondo de los contenedores de los textos.

Seguidamente cargo y aplico una Google Font llamada “Bangers” y justo después (revelo ya la sorpresa final) cargo Font Awesome.

Si revisas el archivo HTML del ejemplo, puedes comprobar que cada palabra (o icono de Font Awesome) está dentro de un li.

Lo siguiente a destacar es que en nuestro HTML cargamos casi al final el propio jQuery, la dependencia prism.js y el archivo js que hace  casi toda la magia: jquery.longShadow.js.

Justo al final inicializamos el plugin longShadow, aplicando color a cada una de las sombras de nuestros textos.

Como verás, el Long Shadow jQuery Plugin se puede aplicar incluso a Font Awesome. Revisa mi ejemplo de long shadow jquery plugin si tienes dudas.

Espero que te haya gustado y te sea útil este ejemplo :D.