jQuery Animated Border

Animated borders for any block level element. This plugin creates an animated border with configurable thickness and color.

Known Issues

• Background patterns are not handled with the default stripe.gif file. The plugin uses the the background color of the divs to make the border color. This means that the non-transparent area of the checkerboard has to match the background color of the page for the illusion to work. If you had a page with surrounding elements under the border, or you had a non white background, you should create a new animated gif with blocks that are transparent and the desired border color.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: there4development.com

1. INCLUDE JS FILES

<script src="jquery.js"></script>
<script src="dist/jquery.animatedborder.min.js"></script>

2. HTML

<div></div>

3. JAVASCRIPT

jQuery(function($) {
  $('div.bordered').animatedBorder({size : 1, color : 'red'});
});

4. OPTIONS

The animated borders have two settings that are set at initialization.

{'size':size, 'color' : color}

• size is an integer in pixels
• color is a string, accepting any valid css color. This can be a name or a hex code with a leading hash sign.