Quantcast
Channel: HTML5 – Develoteca
Viewing all articles
Browse latest Browse all 19

Sombras y colores estilo flat con jQuery

$
0
0

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

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

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

<figure><span id="one">S</span></figure>

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

	$(function() {
			$('#one').longShadow({
				colorShadow: '#a13c32',
				sizeShadow: 70
			});

The post Sombras y colores estilo flat con jQuery appeared first on Develoteca.


Viewing all articles
Browse latest Browse all 19