https://github.com/there4/jquery-animatedborder

Animated borders for any block level element.
https://github.com/there4/jquery-animatedborder

Last synced: 9 months ago
JSON representation

Animated borders for any block level element.

• Host: GitHub
• URL: https://github.com/there4/jquery-animatedborder
• Owner: there4
• License: mit
• Created: 2011-09-10T21:03:31.000Z (almost 15 years ago)
• Default Branch: master
• Last Pushed: 2022-12-07T17:29:56.000Z (over 3 years ago)
• Last Synced: 2025-04-14T02:14:55.549Z (about 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 223 KB
• Stars: 11
• Watchers: 3
• Forks: 7
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Animated Border [![Build Status](https://secure.travis-ci.org/there4/jquery-animatedborder.png?branch=master)](http://travis-ci.org/there4/jquery-animatedborder)

> Animated borders for any block level element.

## Getting Started

Download the [production version][min] or the [development version][max].

[min]: https://raw.github.com/there4/animatedborder/master/dist/jquery.animatedborder.min.js

[max]: https://raw.github.com/there4/animatedborder/master/dist/jquery.animatedborder.js

And then include the css into your site styles and make the image available.

In your web page:

```html

jQuery(function($) {

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

});

```

## Documentation

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.

## Examples

There are examples available at [there4development.com](http://there4development.com/projects/animatedborder/).

## Contributing

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using [grunt](https://github.com/cowboy/grunt).

_Also, please don't edit files in the `dist` subdirectory as they are generated via grunt. You'll find source code in the `src` subdirectory!_

## Release History

* 1.0.0 - Modernized testing framework and upgraded grunt.

* 0.6.0 - Update with a new build system to run automated tests

* 0.5.0 - Sep 10, 2011 - Initial release on github, relocated from jQuery plugins.

## License

Copyright (c) 2012 Craig Davis

Licensed under the MIT license.