vinayskolkare
Members-
Posts
21 -
Joined
-
Last visited
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Everything posted by vinayskolkare
-
https://codepen.io/popjrluq-the-selector/pen/VwNvVWP Hi, As per the gsap community forum given answer, i have done the change in my project, but still i am not able to fix some issues. At the first scroll I want the image should but the container should remain constant. And at the second scroll I want the container to start expanding till fourth scroll and fix the header to top position. During the second scroll to fourth scroll the edge of the curve should be straightened. As I'm unable to be and tried my best, I request you to suggest your thoughts on this.
-
Hi, As per the gsap community forum given answer, i have done the change in my project, but still i am not able to fix some issues issue is: when i scroll at second point the container has to be scale should start and fort scroll it scale to 1.1 to fill the screen , below i have shared codepen please take a look into that and let me know what i am missing there https://codepen.io/popjrluq-the-selector/pen/VwNvVWP .
-
Hi, How can i inject scroll trigger to the page whenever i need it, in the below pen its is working fine but can it be possible without using delay? what iam looking is the header needs to be expand only on second scroll i have been modified the code slightly please look into it and do need full https://codepen.io/mvaneijgen/pen/MWxPNdZ
-
Thankyou somuch for the help!! But Still i did not get as i am expected , what i need is on the first scroll the header should be fixed at the top 0, and second scroll it should be scaled to fill i have modified the absolute position to fixed but it wont working https://codepen.io/ahmed-attia/pen/OJqBKRX
-
How to add scale for this scroll trigger code, this is working fine but how can i add scale to cover page gsap.registerPlugin (ScrollTrigger); // --- OWL --- gsap.to(".imgOwl", {scrollTrigger: { trigger: ".imgOwl", toggleActions: "restart pause reverse pause", // pin: true, // pinSpacing:false, scrub:1, start: "top center", end: "center top" }, backgroundPosition: "0px -250px", ease: "power1.inOut"});
-
<iframe height="300" style="width: 100%;" scrolling="no" title="Untitled" src="https://codepen.io/popjrluq-the-selector/embed/dyrgXea?default-tab=html%2Cresult" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true"> See the Pen <a href="https://codepen.io/popjrluq-the-selector/pen/dyrgXea"> Untitled</a> by vinay kumar (<a href="https://codepen.io/popjrluq-the-selector">@popjrluq-the-selector</a>) on <a href="https://codepen.io">CodePen</a>. </iframe> Hi, above is my code i am not able to find any resources on this topic, any help would be really appreciated..
-
Hi, Thankyou for the help regarding my problem, but i want to achieve it in a different way i am also sharing my link of the output and codepen links also is there i need this effect using scroll trigger gsap.. https://app.flonnect.com/view/video/vinayskolkare/Flonnect_2024-01-27_ff65e9ad-d6d7-455d-94f4-3fcdbe61ecbf https://codepen.io/popjrluq-the-selector/pen/oNVoPRg