Text Shadow 1.0
Created Friday 17th of October 2008 by Andreas Lagerkvist
Copyright © 2008 Andreas Lagerkvist (andreaslagerkvist.com)
What it Does
Frankly a rather crappy text-shadow plug-in (can one be done well? :) but nevertheless it does the job in some cases.
How to Use
jQuery('h2').textShadow(); would give every h2 a shadow.
Example
I should have a shadow.
Example Code
HTML
<div id="jquery-text-shadow-example">
<p>I should have a shadow.</p>
</div>
JS
jQuery('#jquery-text-shadow-example p').textShadow();
Source Code
jQuery.fn.textShadow = function () {
return this.each(function () {
var el = $(this);
el.html('<span class="jquery-text-shadow-text">' + el.html() + '</span>').css('position', 'relative');
jQuery('<span class="jquery-text-shadow">' + el.text() + '</span>').appendTo(el);
});
};
Download
Plug-in
- jquery.textShadow.js (0.92 kb Unpacked) (Minified)
- jquery.textShadow.css (0.21 kb Unpacked)