Dynamic-CSS

Jquery plugin for creating dynamic css styles and animations

usage

simple query with .css function

  $('#container').children().filter('div').css(
    {   
        transform : 'translate(0%,0%)  scale(.5,.5)',
        transition : 'all .5s .1s linear' 
    });
    

with dynamic-css you can define variables to be used inside the value by using \ tag.

  $('#container').children().filter('div').dcss(
    {   
          transform : 'translate(0%,0%)  scale(.5,.5)',
          transition : 'all .5s  <delay>s linear' 
    },
    {
        delay : .1
    });
    

for more information about usage and examples:

http://dynamic-css-plugin.blogspot.com

http://www.codeproject.com/Articles/840394/Dynamic-CSS-Styles-and-Animations-Jquery-Plugin