Hello,
I've created a page about the Justice League, because I'm an avid comic lover.
http://codepen.io/wmufunde/pen/NGxewa
I have tested this page on my Chrome browser and none of the animations work at all. However on my codepen, all of my animations save one work. The one that will not work on my codepen is the clip on line 2:
TweenMax.to(".info-block", 2, {clip: "rect(50px 50px 50px 50px)"});
TweenMax.from(".pic", 2, {x: 50});
TweenMax.staggerFrom("#logo", 0.5, { opacity: 0, y: 100, rotation: 180, scale: 0.5, delay: 0.5}
Does anyone know why my page won't animate? I've linked the GSAP library from the CDN. Have I placed the link in the wrong place, or formatted the link wrong?
Also, does anyone know why the image of the entire Justice League team is so blurry? When I tested this on my Chrome browser, outside of codepen it was perfectly fine.
Any help would be great.