Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by jotunheimr20

  1. Is there any way of manipulating polygon shapes in GSAP without the use of webkit? I know that the clip can manipulate a border radius, but can it be used to create polygon shapes? I know that you can manipulate a SVG in a similar way, but then if I did that I don't think I'd be able to have a photograph inside the shape. Anyone got any ideas?
  2. Thank you Diaco and Carl. Your solutions have both solved my problem but the forum can only let me choose one answer as "the best" answer even though I actually had two problems.
  3. Even if I specify the position of this div as absolute or fixed, the clip animation doesn't work: http://codepen.io/wmufunde/pen/zvBPxr Do you have any idea of what the problem could be?
  4. Thanks, Diaco. That's fixed one of my problems but the animation on ".info-block" still doesn't work: TweenMax.to(".info-block", 2, {clip: "rect(50px 50px 50px 50px)"}); Do you know why this is?
  5. 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.