Skip to content

JavaScript library to add background animations to div elements or headers.

License

Notifications You must be signed in to change notification settings

repraze/active-background-animator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

active-background-animator

PLEASE NOTE: This project is still in early stage. A huge amount of development is still required. The structure will change making some animations obsolete.

Make your content more atractive

This is a JavaScript library using jQuery to add background animations to HTML elements.
The purpose is to make the design dynamic more than bringing actual functionalities to the website.

Download

Get the development version.

Getting Started

active-background-animator.js is easy to use and highly configurable. Here is a simple example:

$('header').activeBackgroundAnimator("ActiveGraph");

It is possible to stack animations together to make more complex animations by simply passing an array of animation:

$('header').activeBackgroundAnimator(["ActiveGraph","ActiveGraph"]);

To specify the options of an animation pass objects containing the name and the options instead of a string:

$('header').activeBackgroundAnimator({name:"ActiveGraph",options:{someOptions:true}});

Combining all the definition above will allow you to create what you need easily in many different ways:

$("header").activeBackgroundAnimator(["ActiveGraph",{name:"ActiveGraph",options:{nodeColor:"#ff0000"}}]);

License

Copyright 2015, Thomas Dubosc
This content is released under the MIT license

About

JavaScript library to add background animations to div elements or headers.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published