Monday, November 10, 2014

Dynamic-CSS Example1 - Running a test



warning : this post is based on previous posts. be sure you read them.



As we explained in the previous post. the plugin will read the value of delay and apply it to all occurrence of <delay> in provided css properties .so value delay is just like a variable used inside dcss function.

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

    });
-----------------------------------------------------------

Running the code 






Till now it is just a separation of the style and values. In next post i will explain how to generate element specific values with dynamic-CSS.

No comments:

Post a Comment