Text Long Shadow Generator With jQuery And CSS3 - longShadow

longShadow is a jQuery plugin which makes use of CSS3 text-shadow property to create the long shadow effect on your text for trendy flat UI design.

See also:

How to use it:

1. To get started, you need to load the jQuery longShadow plugin after jQuery library.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="jquery.longShadow.js"></script>

2. Apply the default long shadow effect to desired text.

$('#text-wrapper').longShadow();

3. Change the color of the long shadow.

$('#text-wrapper').longShadow({
  colorShadow: '#a13c32',
});

4. Change the size of the long shadow.

$('#text-wrapper').longShadow({
  colorShadow: '#a13c32',
  sizeShadow: 70
});

5. Change the position of the long shadow.

$('#text-wrapper').longShadow({
  colorShadow: '#a13c32',
  sizeShadow: 70,
  directionShadow: 'bottom-left'
});

Changelog:

2019-01-13

2016-04-18

• Fix top direction shadow text

This awesome jQuery plugin is developed by dangvanthanh. For more Advanced Usages, please check the demo page or visit the official website.