Sombras y colores estilo flat con jQuery


Sombras y colores estilo flat con jQuery, este plugin nos permite convertir un texto ó letra con estilo flat, el plugin convierte los textos de tal forma que aparece una sombra y un color reconocido como diseño “flat shadow”, algo muy sencillo pero elegante, este plugin aplica css3.

Puedes ver el ejemplo en la siguiente dirección: http://dangthanh.org/labs/longshadow-jquery-plugin/

A continuación se muestra como implementar el plugin, primero que nada necesitamos agregar el texto que deseamos convertir, en este caso se utiliza una etiqueta figure:

1.- Incluimos los scripts del plugin incluyendo jQuery

[html]
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="js/jquery.longShadow.min.js"></script>
[/html]

2.- Incluimos las etiquetas y el contenido que se manipulara con el plugin

[html]
<figure><span id="one">S</span></figure>
[/html]

3.- Incluimos el script que agrega el efecto flat shadow al texto.

[javascript]
$(function() {
$(‘#one’).longShadow({
colorShadow: ‘#a13c32’,
sizeShadow: 70
});
[/javascript]

[adjuntos descripcion=”Long Shadow jQuery Plugin” link=”github.com/dangvanthanh/jquery.longShadow/archive/master.zip”]