simple example

    //Progress bar sample 
    var ex1 = new Kumu.Effect.Effector();
    function updateButton(value) {
      $i('ex1Button').innerHTML = "Progress:" + Math.round(value * 100) + "%";
    }
    ex1.addEffect(updateButton);
    

css example(content zoom & color effect)

    //CSS Effect sample
    var ex2 = Kumu.Effect.createCSSEffector('background-color:#f3c;font-size:100','ex2Button');
    

css example(move)

    //CSS Effect sample
    var ex3 = Kumu.Effect.createCSSEffector('magin-left : 100px; margin-top : 30px;','ex3Button');
    

accordion like efx example

    //Accordion sample
    Kumu.DHTML.makeClipping($i('test'));
    var ex4 = Kumu.Effect.createCSSEffector('height : 100px','test');