Hi GreenSock,
First of all, I would like to thank you for your amazing JS library! It allows me to create a pretty web animation in a short time, thank you!
Here's the progress - https://z1.golddigitaldesign.com/ and enclosed is a screenshot which is showing the skewed background image is overflowed.
CSS codes:
#left-1-wrap {
position: relative;
overflow: hidden;
}
#left-1 {
position: relative;
top: 0;
right: 0;
bottom: 0;
l
Did you get everything working?
One thing to note is the way I wrote that function in my demo will only work in modern browsers. It would be better to write the function like this.
function animate(target, skewType) {
var tl = new TimelineMax({ repeat: 2})
.to(target, 3, { skewType: skewType, skewX: 90, repeat: 1, yoyo: true }, "+=0.2")
.to(target, 3, { skewType: skewType, skewX: -45, repeat: 1, yoyo: true })
.to(target, 3, { skewType: skewType, skewY: 90, re