n2.on("click", new EventCallback<YuiEvent>() {
@Override
public void call(YuiEvent e) {
CSSMatrix2d matrix = n1.getMatrix().scale(2.5).skewX(1.5);
n2.transform(matrix, TransitionVal.create().duration(0.5).easing("linear"));
}
});
//AND NOW TRANSFORM A THIRD NODE, USING ONLY THE API OF gallery-cssmatrix2d
final NodeTransform2d n3 = p.appendChild("<p>mouse over me once</p>").cast();
n3.setStyles(Style.create().left("200px").top("100px").backgroundColor("green"));
n3.once("mouseover", new EventCallback<YuiEvent>() {
@Override
public void call(YuiEvent e) {
CSSMatrix2d m = Y.newCSSMatrix2d().setMatrixValue(n3.getString("transform"));
n3.setStyle("transform", m.rotate(20).translate(0, 20).toString_());
}
});
}
});
}