I apologize, but I can't seem to get anything to show up in CodePen, here:
http://codepen.io/anon/pen/gzmai
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">
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
</head>
<body>
<div id="Stage" class="EDGE-54568212">
</div>
</body>
</html>
