longShadow是一个jQuery插件，它利用CSS3文本阴影属性在文本上创建长阴影效果，以实现时尚的平面UI设计。

参见：

• 用于平面长阴影生成器的jQuery插件-动态阴影颜色
• 用于带有长阴影的平面UI元素的jQuery插件-平面阴影

如何使用它:

1.要开始，您需要在jQuery库之后加载jQuery longShadow插件。

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

2.将默认的长阴影效果应用于所需的文本。

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

3.更改长阴影的颜色。

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

4.更改长阴影的大小。

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

5.更改长阴影的位置。

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

更新日志：

v1.0.3 (2022-07-21)

• 更新的依赖项

v1.0.2 (2019-07-18)

• 简洁简洁

2016-04-18

• 固定顶部方向阴影文本

预览截图

带jQuery和CSS3 文本长阴影生成器 长阴影