LeoZ last won the day on April 15

LeoZ had the most liked content!

LeoZ

Members
  • Content Count

    16
  • Joined

  • Last visited

  • Days Won

    1

LeoZ last won the day on April 15

LeoZ had the most liked content!

Community Reputation

10 Newbie

About LeoZ

  • Rank
    Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I have created 3 types of shake effect but they are not looking what I am trying to make them. I am trying to create basic, horizontal, and constant shake effect like shown in below website: (Mostly preferring to create a plane shake effect when its in cloud or in storm). https://elrumordelaluz.github.io/csshake/ Can anyone help me to improve my animation effects? Thanks in advance!
  2. Wow! You guys are really genius! I really want to like you one day! Thanks for helping me out! I also achieved the same and I will share you my working codepen with you too!
  3. Hey, Yes exactly I want the same if I drag card to the left or right direction, circle radius should get increase and card start rotating. If I stop dragging, it should pause the animation. When I start returning to the center it should reverse the animation means decrease circle radius and reverse card flipping too. Please can you help in this. I have actually done this but not exactly the same thing I want.
  4. Hello I want to rotate the card and increase circle radius at the same time while dragging the card. http://ladybird.movie/quiz I have forked my codepen and I am working further on that. So anyone free to edit this codepen and help me to achieve this. Thanks in advance.
  5. LeoZ

    Swipe cards using Greensock

    Sorry Sahil but one more question about Draggable. Is there any way we can disabled drag event after swiping the cards and enable it. I read about disable() and enable() methods. But did not understand very well!
  6. LeoZ

    Swipe cards using Greensock

    Thank you so much for your all help Sahil!
  7. LeoZ

    Swipe cards using Greensock

    Actually, I have read through the both links but did not understand very well and I was not aware that I have to trigger buttons too. But thank you so much for your help and valuable feedback at the end. I'm trying hard to learn this all. Just one more thing, I guess I need to download "Draggable" plugins to achieve this. Am I right?!
  8. LeoZ

    Swipe cards using Greensock

    Hi Sahil, thank you for your help. I tried to put draggable code top of my demo code. It shows drag area between two cards but not actually dragging slides just like your below codepen demo. Can you please check my above codepen. would you also please show me how to do below swiping in my carousel (above codepen already updated).
  9. LeoZ

    Swipe cards using Greensock

    Hello all, How can I swipe these cards on desktop and touch devices using GreenSock? I'm trying to apply swipe effect on cards and move cards same as clicking on next and previous button. Anyone help me with that? Thanks in advance.
  10. Sir, I really appreciate for your help. It's completely brilliant and motivating me to learn about GSAP further. I will be continuing with my interest using GSAP animation. Thank you once again.
  11. Hello, I am actually trying to achieve this animation effect using GSAP. https://tympanus.net/Development/ImageTransitions/index6.html In "other" option select example 4 so you can see what i'm trying to achieve. They have used css3 keyframe for this effect but i would like to make it using GSAP. Only thing is, each button has assigned one image in sequence.When I click on button 1, first image should be visible in image-wrapper with similar animation. Clicking on button2 replace image-2 and so on. Could someone help me with this. Thanks in advance.
  12. Hey Tweeners, I was wondering is it possible to create typing effect for placeholder text without using "SplitText"? If yes how to set textarea placeholder as target in tweenmax function. I have tried but it's showing null target. Anyone can explain why?
  13. LeoZ

    How can I create this effect using GSAP?

    One more thing how can I set trigger position at the bottom somewhere instead of default center position. I tried triggerPosition and scrollOffset but seems it is not working.
  14. LeoZ

    How can I create this effect using GSAP?

    Thank you Sahil. I have checked the doc and try to use triggerhook and offset properties to achieve what I have to achieve as I shown in image. I want trigger start position at the bottom. And I don't know why it's adding extra space after last div using scrollMagic?
  15. LeoZ

    How can I create this effect using GSAP?

    Thank you for your help first of all. It really works great! But can we achieve this without using ScrollMagic plugin? Just curious. You can only explain.