# Style Property Concept

TWEEN 1 - Element Style

    TweenLite.to(target1, 1, { style: element1 });

element 1
target 1
TWEEN 2 - Blacklist Props

    TweenLite.to(target2, 1, { style: element2, filterStyle: "-=backgroundColor,height" });

element 2
target 2
TWEEN 3 - Whitelist Props

    TweenLite.to(target3, 1, { style: element3, filterStyle: "+=backgroundColor,height" });

element 3
target 3
TWEEN 4 - Overwrite Props

    TweenLite.to(target4, 1, { style: element4, backgroundColor: "#2e8b57", rotation: -90 });

element 4
target 4
TWEEN 5 - CSS Rule

    TweenLite.to(target5, 1, { style: ".rule-1" });

target 5
.rule-1 {
width: 225px;
height: 75px;
background-color: #2e8b57;
}
TWEEN 6 - Multiple Styles

    TweenLite.to(target6, 1, { style: [element6, ".rule-1", ".rule-2"], filterStyle: "-=x,y,rotation" });

element 6
target 6
.rule-1 {
width: 225px;
height: 75px;
background-color: #2e8b57;
}
.rule-2 {
width: 125px;
height: 125px;
opacity: 0.5
}