Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Trapti

Members
  • Posts

    34
  • Joined

  • Last visited

Profile Information

  • Gender
    Not Telling
  • Location
    Bengaluru
  • Interests
    SVG, animations, CSS, layouts, frontend

Recent Profile Visitors

782 profile views

Trapti's Achievements

  1. 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
  2. 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
  3. Hello, I have created this marquee using GSAP. But it has some jerk, I am not able to figure out why. thanks in advance.
  4. 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"}});
  5. 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
  6. 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
  7. 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');
  8. Hey, It will be really helpful if you can create a sample demo of your task. Read this on how to create demo.
  9. @sam_tween_journeyer hey, Here it is with scroll trigger. https://codepen.io/tripti1410/pen/rNmVymx?editors=1010
  10. Before splitting filter out the content which you don't want using JS.
  11. Trapti

    Project Grid

    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.
  12. 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.
  13. 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
  14. Hey, This article will help. https://www.motiontricks.com/svg-dashed-line-animation/
  15. 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
×