Easy Text Shadow With Long Shadow jQuery Plugin | jquery.longShadow

Long Shadow(longShadow) jQuery Plugin is a jQuery plugin that uses the CSS3 text-shadow property to create a long shadow effect on your text for a modern flat UI design.

box-shadow generator, image shadow generator, css text inner shadow, css text effects generator, text shadow on hover

How to make use of it:

1. To get began, you must load the jQuery long shadow plugin after the jQuery library.

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

2. Apply the default lengthy shadow impact to the 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 place of the long shadow.

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

Text Long Shadow Generator, Long Shadow jQuery Plugin/ Github, long shadow generator photoshop free download, css long shadow text, 3d text shadow generator

Long-Shadow-jQuery-Plugin-Demo


See Demo And Download

Official Website(dangvanthanh): Click Here

This superior jQuery/javascript plugin is developed by dangvanthanh. For extra Advanced Usages, please go to the official website.

Related Posts

svg-pan-zoom-container

Adding Zoom-on-Wheel and Pan-on-Drag to Inline SVG Elements

Vanilla-js module for adding zoom and panning behavior when dragging to SVG embedded elements. A lightweight Vanilla JavaScript plugin that enables zoom and pan functions on an…

html-table-sortable-js

Sorting HTML Table Vanilla JavaScript Library | Sortable.js

Sortable – Small JS vanilla table sorter makes any table with class = “sortable“, er, sortable. That is, the user can click the table header and change…

WYSIWYG-Rich-Text-Editor

WYSIWYG Rich Text Editor With jQuery And FontAwesome | RichText

RichText jQuery implementation for WYSIWYG Rich Text Editor which uses Font Awesome Iconic Font for editor icons. It is licensed under AGPL-3.0. Initialize editor Simply call .richText() on your jQuery(‘textarea’) or jQuery(‘input’)…

email-domain-autocomplete-genie

[Autocomplete] Email Domain Suggestions Like Gmail, Outlook, or More | email-genie

Email Genie allows auto-completion in the email field by providing a list of domain suggestions (gmail.com, outlook.com, etc.). This package is lightweight, flexible, compatible with libraries (jQuery,…

JavaScript-Library-for-Creating-Squircley-Magic

[Generator] JavaScript Library for Creating Squircley Magic ✨ | squircley.js

squircley.js is the core magic of Squirclular ✨ from https://squircley.app wrapped in a simple 0-dependency JavaScript library. squircley.js can generate SVG files, add square backgrounds to DOM…