hybreeder

Members
  • Content count

    22
  • Joined

  • Last visited

Community Reputation

0 Newbie

About hybreeder

  • Rank
    Member
  1. How to animate the elements one by one?

    Can anyone help me out in this issue? Please
  2. How to animate the elements one by one?

    I just need to scroll the elements. I mean first, scroll the content with animation once complete it then scroll the logo animation. Now content and logo both are animated at the same time. When I am scrolling the mouse wheel then my all the TimelineLite script is working. I have to do this one by one
  3. How to animate the elements one by one?

    Hello, I have logo and content on my website. I am able to animate the logo and content on page load. I am using the scroll magic plug-in because when the user scrolls the mouse wheel than animate the elements. Now the issue is, My animation is working together, I mean I have to animate first content then I have to animate the logo. After complete, the animation logo than again I have to animate the content. I tried some code but not working. This is my task I have to animate the header content from bottom to top 70% linearly. then I have to animate logo 50% from top to bottom, and then cross. then again I have to animate the content bottom to top which is the last content. Please help me out with this issue.
  4. how to scroll elements using mouse wheel?

    Thanks for the reply, I checked all the example. I just need a help when the user scroll the mouse wheel Then that circle will scroll from Y position to x position and once it cross it than below text will display
  5. how to scroll elements using mouse wheel?

    Can anyone help me out in this?
  6. Hello, I have one circle and I am using scroll magic. I have to scroll the circle with 360 degrees and after that circle will hide. I mean one it will cross the screen of the desktop that It will hide and then below content will display on the screen using the mouse wheel. Now my code is not working properly. I mean when I am scrolling the mouse wheel and circle start and end in the center of the pc and content also scrolling. I need when circle crosses the desktop screen than content should scroll. Would you help me out in this?
  7. Hello, I have one circle and I have to rotate 360 on mouse scroll wheel and slide when circle touches the blue border. Now my code is working when I scroll it. But I have to scroll the circle using the mouse wheel and vice-versa. Codepen link is
  8. Onscroll animation using GSAP

    Hello Sahil, I really appreciate your support. I just want to understand the code. I check the video which you shared with me but that not helped me. I change the p tag and added the span in the script like this. var tween = TweenMax.fromTo($(elem).find('span'), 0.5, {scale: 0.5, yPercent: 100}, {scale: 1, yPercent: 0}); But it is not working if I add the P tag then it's working. Also I removed the all the class and id from the span tag.
  9. Onscroll animation using GSAP

    Hello Sahil, I know Jquery, It will affect all the P tag in the articles. You know what I did I just remove all the class from SPAN tag in the HTML and remove the P and added the SPAN in the script, to check it is working or not but it's not working.
  10. Onscroll animation using GSAP

    but it will affect all the P tag in the articles. Right?
  11. Onscroll animation using GSAP

    Hello Sahil, It will great help if you tell me how to animate single paragraph. $('article').each(function(index, elem){ } Above code will animate the whole article. I need a single paragraph. Any idea?
  12. Onscroll animation using GSAP

    Hello Sahil, When I checking Change view on the full page is not working properly. I set the id because I have to animate individual and your code is animating the whole article. I have to animate first two articles on the page load and rest of article have to animate on the scroll. Your code is only first article animating. Third articles animating when second articles half goes. It displaying the lots of white space on the right side.
  13. Onscroll animation using GSAP

    Hello Sahil, I tried that also but it's not working. vertically I can do but horizontally not working with my code.
  14. Onscroll animation using GSAP

    Hello Shail, My issue not resolved. I just updated the code in codepen and I need when user scroll it than animate the articles on the scroll.
  15. Onscroll animation using GSAP

    Hello Sahil, Check out the Codepen link