oliver-halasz
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Everything posted by oliver-halasz
-
Hmm, I thought in this case the Flip.fit() would use the stage at the time of the invocation within the timeline, which is after the 3D properties of the sliding image were set to 0. Sorry for the confusion, I'm still a newbie The only reason I wanted to split the animation is that, with only using Flip.fit(), the sliding image turns inward pretty late and sort of look as if it's "free-falling". In the end, I modified the fit2D helper function, so that it returns a timeline.to() tween, which I'm calling after a tween where I'm rotating the image inwards and it now behaves the way I wanted it to Thanks for all your help!
-
Thanks for the fix The current animation has the sliding element rotate to 0 kinda late and I was wondering if I could split it into two, so the element will slide downward whilst turning inwards and then fit it into place. When I was trying this solution the end placement becomes off and I'm thinking about how to do this properly: https://codepen.io/oliver-halasz/pen/qBMdJWY
-
Quick question: I've noticed in the demo that setting the rotateX property with gsap.set() will result in a different value being used (I'm setting -38deg but the resulting css will contain -21 deg as the initial value) the same goes for the scaleY. Any ideas why this occurs? No rotation is applied via css to the element, so it's not a conflict with that.
-
Goodness, I somehow missed that in the docs ? I was guessing though that it would make the transition too expensive too calculate. Yes, thank you very much, it's definitely something I can move forward with. It's so cool that you guys have such an amazing community/support behind an already incredibly powerful library?
-
Hi everyone! I'm really enjoying gsap so far, its capabilities are truly spectacular! I'm trying to create an effect of a <div> rotated in the 3d space rotates back to the XY plane while simultaneously slides down to match the position of another <div>. The effect I aim to replicate can be found here, more precisely the image on the computer screen rotating and sliding down. I want to avoid having to use fixed values for the translation and thought about using Flip.fit() for moving the target element into place together with a scrollTrigger. Alas, it seems as if the 3D rotation is not being considered by the function, resulting in an awkward final state for the sliding element. Does anybody have any ideas on what's going wrong and how I could implement this?
