Jump to content
GreenSock

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

jollygreen

Members
  • Posts

    13
  • Joined

  • Last visited

Recent Profile Visitors

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

jollygreen's Achievements

3

Reputation

  1. jollygreen

    Peel Effect

    Yes, it works for me too when remove it. Thanks. got it Thank you very much!
  2. jollygreen

    Peel Effect

    Hi @akapowl Thank you. What about the h4 element? It appears when I hover it. https://codepen.io/jollygreen10/pen/LYRvBEd
  3. jollygreen

    Peel Effect

    @akapowl, Thank you for your insights. I'm doing something wrong because it is not working. Could you please take a look? https://codepen.io/jollygreen10/pen/LYRvBEd
  4. jollygreen

    Peel Effect

    I was hoping I could get some direction on how to achieve the peel effect in gsap like the below. Any help would be appreciated!
  5. @GreenSock yes, thank you very much! looks great!
  6. @greensock, an example, which was developed by someone else, is below. I wonder if we could streamline the code with gsap3. I thought removing the opacity would give the typewriter effect. https://codepen.io/jollygreen10/pen/wvBxpbM#code-area
  7. @Shaun - We can animate the text with visibility:hidden using https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js
  8. I can animate text with the following: var headline = document.querySelector('#headline'); var splitHeadline = new SplitText(headline, {type:'words,chars'}); var chars1 = splitHeadline.chars; gsap.from(chars1, {duration: 0.5, autoAlpha:0, ease: SteppedEase.config(6), stagger: 1 / 10 }) However, if I change "autoAlpha:0" with "visibility:'hidden'" to remove the opacity, the text doesn't animate. I'd appreciate your expertise.
  9. I understood. I was trying to build a side scrolling carousel that stops at number 5 when we click the stop button. Would there be an efficient way of doing it?
  10. I'm trying to create an infinite carousel with a stop button. I got the following error on the console: "Uncaught Cannot add undefined into the timeline; it is not a tween, timeline, function, or string." Because of that my stop button doesn't work. Would you know why I got this error? Your help would be appreciated.
  11. @GreenSock - it works like a charm. Thank you very much!
  12. Hello - On the code pen below, when we click the Stop button, the pink box stops on one of the boxes on top. Nevertheless, the pink box loops backward instead of forward (ie, the pink box moves in opposite direction after clicking the stop button). How could I make the pink box to loop forward? I'd appreciate the help. <script async src="https://static.codepen.io/assets/embed/ei.js"></script>
×