<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
body {
font-family: "Helvetica Neue", Helvetica;
width: 90%;
font-weight: 200;
letter-spacing: 1px;
margin: 25px auto 0 auto;
background: rgb(234, 235, 235);
color: rgb(25, 25, 25);
}
div,
p {
margin: 0 auto;
}
p {
color: rgb(125, 125, 125);
font-size: 0.85rem;
text-align: center;
margin-bottom: 17px;
}
div {
width: 35%;
overflow: hidden;
}
</style>
<script type="text/javascript" src="./TweenMax.min.js"></script>
</head>
<body>
<p>
Refresh this page to re-run the demo.
</p>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
</div>
<script type="text/javascript">
TweenMax.to("div", 1, {
opacity: 0.5,
width: "*=2",
ease: Power1.easeInOut
});
</script>
</body>
</html>
above is the code i wrote,i want the width of my div move to 70%,and it does not work. But if i write:width:"+=300",it will work ,I don't know if i can write an expression in the tweenMax?my English is not very good, i hope someone can answer this for me!