Trapti

Hey, I can help you build the animation. Portfolio: http://iamtrapti.com/ Codepen Greensock collection: https://codepen.io/collection/DqPvMe One of my writing on SVG and animation: https://css-tricks.com/how-to-get-handwriting-animation-with-irregular-svg-strokes/ Email: reach.trapti@gmail.com

Hey, I am interested. Portfolio: http://iamtrapti.com/ Codepen Greensock collection: https://codepen.io/collection/DqPvMe One of my writing on SVG and animation: https://css-tricks.com/how-to-get-handwriting-animation-with-irregular-svg-strokes/ Email: reach.trapti@gmail.com

Hello, I have created this marquee using GSAP. But it has some jerk, I am not able to figure out why. thanks in advance.

keep the scrollTrigger in timeline. Add necessary properties like when you want to start and stop. As it is trigger will run on default values. const tl = gsap.timeline({scrollTrigger: {trigger: ".sec-3 .container"}});

hey @Sydney , I am interested, below is my profile. Please email with the project details and problems you are trying to solve, from there we can take it forward. Portfolio: http://iamtrapti.com/ Codepen Greensock collection: https://codepen.io/collection/DqPvMe One of my writing on SVG and animation: https://css-tricks.com/how-to-get-handwriting-animation-with-irregular-svg-strokes/ Email: reach.trapti@gmail.com

Hey, I am interested. I do not have angular experience but I have worked with react. Portfolio: http://iamtrapti.com/ Codepen Greensock collection: https://codepen.io/collection/DqPvMe One of my writing on SVG and animation: https://css-tricks.com/how-to-get-handwriting-animation-with-irregular-svg-strokes/ Email: reach.trapti@gmail.com

It is difficult to see problem this way. It would be helpful if you can create a demo in Codepen. this line does not seem right to me, you are targeting all the box inside the group it should be ".group .box". Flip.getState('.group, .box');

Hey, It will be really helpful if you can create a sample demo of your task. Read this on how to create demo.

@sam_tween_journeyer hey, Here it is with scroll trigger. https://codepen.io/tripti1410/pen/rNmVymx?editors=1010

Before splitting filter out the content which you don't want using JS.

hey, I am not exactly sure what you are actually looking for. But here is what my understanding is. After looking at the website. They have used CSS Grid to create the layout. Regarding different size of image they are placing image as contained in the respective container where it will maintain its aspect ratio and render how much ever height it needs. This is one reason you are seeing varying image size. Another reason is they are spreading image in multiple spans (for eg 2 columns). Regarding the animation (I am assuming you are talking about hover ) it can be done in GSAP.

Please add a demo codepen where you have added the content and how you want to animate those along with the video. It will be helpful to understand.

Hey, I tried doing it with split text. One timeline is for animating the texts, and other for taking the container up. Adjust the time and distance according to your actual text. Hope this helps. https://codepen.io/tripti1410/pen/YzVPpjP

Hey, This article will help. https://www.motiontricks.com/svg-dashed-line-animation/

Hey, I can help you build this animation. Portfolio: http://iamtrapti.com/ Codepen Greensock collection: https://codepen.io/collection/DqPvMe Email: reach.trapti@gmail.com