jQuery Plugin for Text Shadow in Internet Explorer
| File Size: | 381KB |
|---|---|
| Views Total: | 2368 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
An useful jQuery plugin for CSS3 text-shadow polyfill for Internet Explorer 7, 8 and 9 without using CSS filter. The text-shadow is a new attribute introduced in CSS3, which is supported by the majority of non-IE browsers like chrome, safari, firefox, etc.
You might also like:
How to use it:
1. Include jQuery library and jquery-ie-text-shadow.js on your page
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!--[if lt IE 10]>
<script type="text/javascript" src="jquery-ie-text-shadow.js"></script>
<![endif]-->
2. Markup
<div class="demo text-shadow">jQueryScript.Net</div>
3. The CSS
.demo {
color: #888;
text-shadow: 0px -1px #FFF, 0px -2px #DDD, 0px 1px #000;
}
4. Call the plugin
<script type="text/javascript">
$(document).ready(function() {
$('.text-shadow').ieTextShadow();
});
</script>
This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.











