Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

renny

Members
  • Posts

    39
  • Joined

  • Last visited

renny's Achievements

  1. i need to change image animation like below example https://principle.app/share?id=YxmgCK33VuLRib53FFEc
  2. https://codepen.io/akapowl/pen/OJWRpNm/72a03c1bf7ebcc15bffd94a75d7e213f i found this one and im almost my result, just help me to change image as per my requrment https://principle.app/share?id=YxmgCK33VuLRib53FFEc
  3. i know it's very close, but i need same result as per example. So help me for that
  4. so can you show me any demo something like that, so i will follow that
  5. i found this solution but can't get same result as per my requrment, please check below link for refereance and i need to get result that https://principle.app/share?id=YxmgCK33VuLRib53FFEc
  6. https://codepen.io/akapowl/pen/256175b2dab5ddca7073dbc0e64e606d

    i need to change only left text not right image or color box

    1. Cassie

      Cassie

      Hi Renny - please make a forum post instead of messaging people directly. Thanks.

  7. thank you very much finally i sorted
  8. basically that code running more then 3 pages, but about-us page there are no that animation. So how to bypass that code if that class and id not available
  9. "(max-width: 767px)": function() { let sections = document.querySelectorAll(".activities_sec .image"); let scrollContainer = document.querySelector(".activities_sec"); let scrollTween = gsap.to(sections, { xPercent: -110 * (sections.length - 1), ease: "none" }); let horizontalScroll = ScrollTrigger.create({ animation: scrollTween, trigger: scrollContainer, pin: true, scrub: 1, end: "+=1000" }); // total scroll amount divided by the total distance that the sections move gives us the ratio we can apply to the pointer movement so that it fits. var dragRatio = scrollContainer.offsetWidth / (window.innerWidth * (sections.length - 1)); var drag = Draggable.create(".proxy", { trigger: scrollContainer, type: "x", onPress() { this.startScroll = horizontalScroll.scroll(); }, onDrag() { horizontalScroll.scroll(this.startScroll - (this.x - this.startX) * 1); // if you don't want it to lag at all while dragging (due to the 1-second scrub), uncomment the next line: //horizontalScroll.getTween().progress(1); } })[0]; }, if i remove this script then all animation working perfectly
  10. this condition is not a right solution, because that animation will use into many pages
  11. https://6pbhs.csb.app/about-us.html all animation are workign perfectly into desktop view, but when i check into mobile view then some animation are not working
  12. https://codesandbox.io/s/6pbhs please check about-us - mobile view does not work some animation
  13. there are multi pages that's why i don't add into codepen
  14. this script work well into home page, but not working into another page mobile view let scrollAnim1 = gsap.timeline({ scrollTrigger: { trigger: ".image_expand", start: "top", end: "bottom", scrub: 1, pin: true } }); scrollAnim1 .fromTo( ".kitty", { clipPath: "inset(0% 22%)" }, { clipPath: "inset(0% 0%)", duration: 1.5 } )
  15. also some code are conflict on another page into mobile view https://dev.icustomweb.com/unibynew/about-us.html below are script https://dev.icustomweb.com/unibynew/js/script.js
×