
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.
- Publication date: 13.01.2019
- Source