Forgive the newbie question but I'm having trouble beginning to learn this. I have a test page to play around with tweens and the basic TweenLite.to isn't working on a div, but IS on an image. I added an img, id="photo", above the three divs on super_basic_syntax.html. I'm trying to not include jQuery and use the most basic TweenLite code possible.
function init() {
var p1 = document.getElementById("photo");
var d1 = document.getElementById("div1"),
d2 = document.getElementById("div2"),
d3 = document.getElementById("div3");
//this works:
TweenLite.to(p1, 1.5, {width:100, height:100});
//this doesn't. Have to use css on a div?
TweenLite.to(d1, 1.5, {width:10, height:400});
//this works too. Referencing the photo id directly:
TweenLite.to(photo, 2, {css:{rotation:30, scaleX:0.8}, delay:2});
}
Do I have to use the css plugin methods when manipulating divs?