https://github.com/nnluukhtn/formanimation

Form Animation: when form validation <3 animate.css
https://github.com/nnluukhtn/formanimation

animation css form-animation jquery

Last synced: 21 days ago
JSON representation

Form Animation: when form validation <3 animate.css

• Host: GitHub
• URL: https://github.com/nnluukhtn/formanimation
• Owner: nnluukhtn
• License: mit
• Created: 2016-04-17T10:53:41.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-04-17T11:20:04.000Z (over 8 years ago)
• Last Synced: 2024-12-01T15:39:14.109Z (22 days ago)
• Topics: animation, css, form-animation, jquery
• Language: HTML
• Size: 1.94 MB
• Stars: 53
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[jQuery Form Animation Plugin](https://github.com/nnluukhtn/formAnimation) - Form Animation: when form validation <3 animate.css

================================

The jQuery Form Animation Plugin provides drop-in animation for your existing forms, while making all kinds of customizations to fit your application really easy.

![Screenshot](screenshots/shake_animation.gif)

![Screenshot](screenshots/bounce_animation.gif)

## Getting Started

### Downloading the required libraries

jQuery can be downloaded from https://jquery.com/

jQuery Validation Plugin can be downloaded from http://jqueryvalidation.org/

Animate.css can be downloaded from https://daneden.github.io/animate.css/

### Including it on your page

Include jQuery and the plugin on a page. Then select a form to add animation and call the `formAnimation` method.

```html

	

...

	

		

	

	

	

	

	

	$("form").formAnimation({ animatedClass: 'shake' });

	

```

Alternatively include jQuery and the plugin via requirejs in your module.

```js

define(["jquery", "jquery.validate", "formAnimation"], function( $ ) {

	$("form").formAnimation({ animatedClass: 'shake' });

});

```

## Reporting issues and contributing code

Bug reports and pull requests are welcome on GitHub at https://github.com/nnluukhtn/formAnimation.

## License

Copyright © Luu Nguyen


Licensed under the MIT license.