thetobiterra

No, an image sequence plays in frames. Basically, we are animating from frame 0 to frame 200 on scrub. It is not second based. Is there a way to convert frames to seconds and then use absolute positioning to fix text fade in and out animation at specific frames? basically, i need the frame animation as a time reference for the texts fade in and out animation. It's basically the apple website concept. thanks

It's the typical apple kinda website. I'm saying since frames are being animated on scrub, there can't be a duration, right? if there isnt a duration, then how is it possible to display a particular text at a specific frame?

Hello, i wanna know if it's possible to use the amount of image frames as a duration value with gsap. Say, i have an image sequence, 200 frames and i am animating those frames on scroll, i have another timeline with texts popping up at specific frames. Is there a way to make those texts animation frame specific instead of seconds

Thank you

oh i know about the helper function, it's just that i like to think of how something would work and try it out myself sometimes. In this case, i thought this code made sense and would work and since it didn't, i'm just confused

Hello, so recently i've been trying to come up with my own logic and approach to some very popular animations out there. I coded this up but for some reason, none of the marquee gets positioned back to the end of the other and i can't seem to understand why. Is my approach wrong? please help if you can

Yes!! This is exactly what i was looking for. This is just perfect, thank you! It's funny how i always think i know enough css until something like this happens lol! Thanks again

using clip-path wont give the desired effect because in the example vid i provided, the div that contains the video is originally positioned to the far right with the video right in the middle. And on scroll, it somehow scales (the div) to the left with the video maintaining its centered position. Thanks for the contribution still, really appreciate

Hey guys, so I’ve really tried all I can think of to recreate this but it just doesn’t work. Using scaleX with transform origin set to right center, it of course scales to the left but the video is then compressed and loses its original aspect ratio. Using width, I get the same issue plus there isn’t a way to scale in one direction with this. I then thought of using border radius but that won’t stretch the vid-container. I then thought of clip-path but that won’t work either because it’ll only show us the part we specified with the “at x and y axis” and what i want is for the video to remain centered In the pen provide, i'm not animating on scroll yet as right now, i am just trying to figure out how the whole scaling thing works I dunno if I’m approaching this the wrong way or maybe there is a gsap that can achieve this. I’d appreciate if someone could help with tips or hints thanks Screen Recording 2023-09-18 at 8.20.32 AM-1-1.MOV

Thanks sir

does anyone know how i can get video assets from apple's website? i'm trying to recreate one of their landing pages but i can't seem to find the videos they used