Jump to content
GreenSock

betseyliu

Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by betseyliu

  1. <!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!

×