midnightgamer
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Everything posted by midnightgamer
-
I tried this but the problem is I don't want to add another item or so, If users clicks on lets item in 2nd row I want to add a new row above 2nd row itself.
-
I am trying to achieve this animation I've a grid with 16 items, When I click any item of the grid I want to show a new row above the clicked item containing the row. I know this dose not have do anything with GSAP. But I can't figure out a way to do this. Any help will be appreciated. Thanks in advance
-
Thanks for helping me out, I did not knew concept of scroller it helped
-
hey can you check question once again? I tried to make it more clear
-
I want to achieve the following animation , but I am not sure how can i achieve the same when content within fixed height container are scrolled , so basically I want to collapse my "head" element when top of the 2nd box touch the bottom of "head" itself
-
Damnnnnnn, sorry about this and thanks for help
-
I am new to GSAP and animation. I am trying to make really simple animation where I want to rotate the SVG while it is rotating I want to be PINED and once it complete rotating I want to release the pin and move to new section. I applied everything but for some reason it is not getting pinned.
-
I am trying to create a marquee animation, everything works fine but there is a flicker or something else you can see text shifting when animation restarts. I am not sure what causing it.
-
Looking for talented GSAP freelancers
midnightgamer replied to Manil Gupta's topic in Jobs & Freelance
Hello Manil, I like this job post and clear most of criteria i.e my current work experience is around 1 year and 9 months. I am familiar with GSAP as well using and learning from last couple of months. I'll get happy even if I get chance to appear in interview -
Hi, I am trying to add a sort of infinity scroll but before than I am stuck at the issue. In above pen i have 2 columns each have 16 images in it. I want to see all 16 images as i scroll down but it is not happening. I am pretty sure i using yPercetage is not the solution, but I don't know how to solve this. And idea how I can convert this into infinity scroll as well?
-
-
I am trying to move text from right to left on scroll but it going way to fast. I tried increasing height of section but it was not working as expected. Please help me out here.
-
I am trying to recreate a animation but I got stuck, I am trying animate overlays I want it to come from bottom when it increasing his height and it should go to top when decreasing the height of overlay. Animation I am trying to recreate : https://dribbble.com/shots/6711379-Xd-and-Protopie-make-a-great-combination
-
I am trying recreate one dribble animation By Akram Khalid, When I tried to implement very first tween it working halfway fine then it suddenly completing whole animation. I am using npm package with parcel-bundler.
-
It dose explain but I the function for getting image follow the cursor is quite confusing and complex at same time, I think there is some simple way but I don't exactly.
-
I am trying to recreate a Codedrop post to learn and understand GSAP better, I am stuck at one point where when I move my mouse on any link the image should follow mouse as well mouse should be pointing to center of image. I figure how to move image but I am not able to position it very well .
-
https://codepen.io/midnightgamer/pen/RwobvNX In this codepen I used code given by @mikel and added some thing what i need is when we scroll down and green triangle reaches red circle it should undraw just like the line.
-
Thanks mike but this idea is not working from me as .draw not a single svg. It is array of svgs which i am trying to undraw as hand reach near the particular item. You can see animation when page load , I need revers the same animation but using scroll trigger.
-
Hi everyone, I am trying to get hands on scrollTrigger so I took a pen and tried to apply some tweens. I am successfully moving hands as I scroll down. What I want is to undraw the line as I scroll down. I tried but it didn't worked. Help me out and if there is something is wrong in my code please correct me.
-
You any place where I can all these stuff. I am new in GSAP I want to learn GSAP for my career improvement. Do you know any platform or course that I can buy?
-
First I tried your solution It was working fine for first section others were behaving strange then I added one class to each section set trigger to that class yet It didn't work. Then I tried to use forEach with ScrollTrigger.Create but I was not clear with concept so I skipped it. Lastly I duplicated same code 4 times and trigger each section by thier ID yet it didn't work. I don't have code as undo all the changes.
-
This is nice but I want text box in each section and each section should behave like current effect. I tried with your code and try to figure some way out but fail It would be great if you help me out here. Thanks
-
https://www.abc.net.au/news/2020-08-06/coronavirus-treatments-and-covid19-cure-research/12527034?nw=0 This is the refence website I want recreate white box with text. Left side is short of fixed but on scroll other white-boxes are appearing. Thanks for help.