v1.0.0
###Features: Creates animated underline for links.
First you need to include necessary files
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="underliner.js"></script>
<link rel="stylesheet" href="underliner.css" />Then simply apply underliner to <a> elements of your choice
<script>
$('.underliner').underliner();
</script><script>
$('.underliner').underliner({
direction: 'center' /* 'center', 'left' or 'right', defaults to 'center'
Underline animation starting point. */
});
$('.underliner').underliner({
color: '#f00' /* Underline color, any valid css color.
If omitted underline will be the same color
as the applied element */
});
$('.underliner').underliner({
duration: 400 /* Animation duration in milliseconds, defaults to 200 */
});
$('.underliner').underliner({
show: true /* Element appears underlined instead of animating on hover.
Defaults to false */
});
/* You can apply these parameters in any combination. */
</script>May only be applied <a> elements which displays inline. Since this plugin mimics the background-color, please only use on solid backgrounds.
CC0 1.0 Universal Licence
Dependecies have their own licence information. Please view them before use.