Proximity Glow is a humorous jQuery plugin that dynamically applies a rising or shrinking blurred shadow impact to the required ingredient relying on mouse proximity.
It might assist builders create eye-catching call-to-action buttons or hyperlinks on the web page. Helps both CSS box-shadow or text-shadow properties.
The best way to use it:
1. Load the minified model of the Proximity Glow plugin (jquery.proximity-glow.min.js) within the doc.
<script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="/path/to/dist/jquery.proximity-glow.js"></script>
2. Name the operate on the goal ingredient and override the default shadow shade (#fffffff).
<button class="demo"> Button </button>
$('.demo').proximityGlow({ shade: 'black' });
3. Decide whether or not to invert the shadow impact. Default: true.
$('.demo').proximityGlow({ inverse: false });
4. It’s also possible to apply the shadow impact to textual content.
<button class="demo"> Button </button>
<p class="demo"> Textual content Shadow </p>
This superior jQuery plugin is developed by pstrinkle. For extra Superior Usages, please examine the demo web page or go to the official web site.