Jump to content
Search Community

njfrese

Members

  • Posts

    3

  • Joined

  • Last visited

 Content Type 

Posts posted by njfrese

    Mouseover Animation Works in Preview, but not Live

    in GSAP

    Posted

    I apologize, but I can't seem to get anything to show up in CodePen, here:

     

    See the Pen gzmai by anon (@anon) on CodePen

     

    But I did greatly simplify the code on this page:

     

    https://www.ccmg.com/public/casedesign2.html

     

    This is literally ALL of the HTML on the page. The effect that won't work is a simple mouseover on the 8 boxes that removes the skew. That is it. The code in my Edge document (which works fine in preview) is this:

     

    var rec1 = sym.$("rec1");
    TweenMax.to(rec1,.1, {css:{skewX:0}});

     

    Complete HTML:

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head runat="server">
    <title>Clark Capital Management Group</title>
    <!--Adobe Edge Runtime-->
        <script type="text/javascript" charset="utf-8" src="edge_includes/edge.5.0.0.min.js"></script>
        <style>
            .edgeLoad-EDGE-54568212 { visibility:hidden; }
        </style>
    <!--Adobe Edge Runtime End-->
    <script>
       AdobeEdge.loadComposition('CaseDesign', 'EDGE-54568212', {
        scaleToFit: "none",
        centerStage: "none",
        minW: "0",
        maxW: "undefined",
        width: "900px",
        height: "450px"
    }, {"dom":{}}, {"dom":{}});
    </script>
    </head>
     
    <body>
    <div id="Stage" class="EDGE-54568212">
    </div>
    </body>
    </html>
×
×
  • Create New...