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:

• jQuery Plugin For Flat Long Shadows Generator - Dynamic Shadow Color
• jQuery Plugin For Flat UI Elements With Long Shadows - Flat Shadow

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:

v1.0.4 (2023-07-11)

• Optimize bundle code

v1.0.2 (2019-07-18)

• Minify with terser

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.