https://github.com/payalord/bordercoloranimate

jQuery plugin to animate border color
https://github.com/payalord/bordercoloranimate

animation border-color jquery jquery-plugin

Last synced: about 1 month ago
JSON representation

jQuery plugin to animate border color

• Host: GitHub
• URL: https://github.com/payalord/bordercoloranimate
• Owner: payalord
• License: mit
• Created: 2017-01-22T18:27:13.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-22T12:36:43.000Z (almost 8 years ago)
• Last Synced: 2024-10-06T09:22:16.607Z (3 months ago)
• Topics: animation, border-color, jquery, jquery-plugin
• Language: JavaScript
• Size: 7.81 KB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# BorderColorAnimate

jQuery plugin to animate border color.

# Syntax

```javascript

$().BorderColorAnimate( hexcolor [, duration ] [, complete ] ) //Returns jQuery object of 

```

# Usage

Include the plugin after your jQuery:

```html

```

Animate:

```javascript

$().BorderColorAnimate('#ff1a4b');

```

Duration same as in jQuery:  

> Given in milliseconds; higher values indicate slower animations, not faster ones. The default duration is 400 milliseconds. The strings 'fast' and 'slow' can be supplied to indicate durations of 200 and 600 milliseconds, respectively.

```javascript

$().BorderColorAnimate('#ff1a4b', 1000);

```

Custom complete function can be provided at the end, which will be executed after animation complete:

* `this` refers to `` element inside custom function

```javascript

$().BorderColorAnimate('#ff1a4b', 1000, function(){$(this).BorderColorAnimate('#66ff1a');});

```

# License

[MIT License](LICENSE)