Jump to content
GreenSock

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

mikel last won the day on February 9

mikel had the most liked content!

mikel

Moderators
  • Content Count

    1,228
  • Joined

  • Last visited

  • Days Won

    48

Everything posted by mikel

  1. Hey @nikolev, Like Jack, I'm convinced there's something wrong with your SVG. Here in this SVG I have a little 'frayed out' the initial shape also. https://codepen.io/mikeK/pen/bGVbroe The shape could be further optimized. By the way: It is enough to set .hide {visibility: hidden;} Happy tweening ... Mikel
  2. Hey @Black Ducas, ... and the pointer: "To learn how to avoid this issue see here: https://github.com/janpaepke/ScrollMagic/wiki/WARNING:-tween-was-overwritten-by-another". ScrollMagic is not a GreenSock product and we don't really recommend using it. Happy tweening ... Mikel
  3. Hey @karelrosseel82, You cannot expect that every question, every problem will be solved here in the GreenSock Forum. Or even build a complete app for you. We are happy to help when it comes to a specific GSAP question. Check out tutorials when it comes to js constructions or how to e.g. build a sprite. Just a friendly pointer: https://codepen.io/mikeK/pen/vYOojpY If you need professional help, you can also make a request in the Jobs & Freelance forum. Happy tweening ... Mikel
  4. Hey @james182 "We recommend animating the properties that you need animated because tweening between classes isn't very performant, are not explicit, and adding support for them takes a significant amount of kbs for how few people use them. For more information, check out this post: Happy tweening ... Mikel
  5. mikel

    Media Queries and GSAP

    Hey @tomektomczuk Did you look at this post? Happy tweening ... Mikel
  6. Hey @simobari, Here comes an option https://codepen.io/mikeK/pen/rNVEYVj Happy sequencing ... Mikel
  7. Hey @karelrosseel82, A lot questions. Let me start with a few answers. the horses are flipped already: Please study the code. As with the turns, you can set the direction of the horses at the beginning. function theHorses(which, dur, ease) { var action = gsap.timeline() .set(which, { scaleY: -0.5}) Why are these IDs for?: Its up to you to use. GIF: of course https://codepen.io/mikeK/pen/JjdQyWq But you can use a simple sprite animation simple sprite animation instead. Random: There are lot of options, e.g. https://codepen.io/mikeK/pen/qBdzrGO Happy tweening ... Mikel
  8. mikel

    Circular menu

    Hey ZACH, Yes, I want. https://codepen.io/mikeK/pen/eYNaxxd Happy rotating infinitely ... Mikel
  9. mikel

    motionPath delay

    Hey @Arun, Its a question of easing. Try ease:'none' Happy tweening ... Mikel
  10. Hey Horse friends, These horses elegantly take the curves https://codepen.io/mikeK/pen/Exjzejr And the winner is ... ? Happy riding ... Mikel
  11. Hey @LucieB, The speed is defined by the ease. Take e.g. ease: 'none'. Please take a look at the Ease Visualizer. Change to box: // click and modify the underlined values gsap.to (box, ... and you will see all ease effects in comparison. I hope it will help you. Happy tweening ... Mikel
  12. mikel

    Circular menu

    Hey @Chronic, Welcome to the GreenSock Forum. You don't need ScrollMagic - just a little parallax logic and everything runs smoothly. And you could use the super GSAP tool motionPath to position objects. https://codepen.io/mikeK/pen/XWbwmZY Happy tweening ... Mikel
  13. mikel

    Text Reveal Effect

    Hey @swatip, Please look in the DevTools: 'ReferenceError: mySplitText is not defined'. You need a correct reference. Happy controlling ... Mikel
  14. mikel

    Text Reveal Effect

    Hey @swatip, As I said: without watching your case live - in a CodePen - it is difficult to help you. Kind regards Mikel
  15. mikel

    Text Reveal Effect

    Hey @swatip, And did you try function allDone() { mySplitText.revert(); } Hey @ZachSaucier, Is there a chance to revert the revert to play the animation again? https://codepen.io/mikeK/pen/mdJgwbN Happy tweening ... Mikel
  16. mikel

    Text Reveal Effect

    Hey @swatip, Without watching your case live - in a CodePen - it is difficult to help you. If the point is resize, check out this post.
  17. Hey, its fun https://codepen.io/mikeK/pen/qBdvRbw Happy motion ... Mikel
  18. Hey, I just remembered an older example - here only as a joke. https://codepen.io/mikeK/pen/abOPmMY The associated thread Happy tweening - its fun ... Mikel
  19. Hey @anotheruser, Then try: action.pause(2); Kind regards Mikel
  20. Hey @anotheruser, Sorry - was not focused, thought too complex Maybe like this ??? https://codepen.io/mikeK/pen/abOPvgp Happy tweening ... Mikel
  21. Hey @anotheruser, This could be an option https://codepen.io/mikeK/pen/mdJaJKP Happy tweening ... Mikel
  22. Hey @jnhltmn, Please take a look at this blog Getting Started with GSAP Happy tweening ... Mikel
  23. Hey @jimijbob, Welcome to the GreenSock Forum. I'm not sure what you want to achieve. If the mask is in the center, you can scale it with transformOrigin: 'center' centered relative to its center. Here is an example with a new mask. https://codepen.io/mikeK/pen/mdJQqrB EDIT: But you could use a certain transformOrigin for the mask to cover the rect by scaling. I used GSAP 3 - here a proper starting blog Happy tweening ... Mikel
  24. Hey @beocycris, Here comes a simple wave for hot water https://codepen.io/mikeK/pen/wvaQGEP Happy tweening ... Mikel
  25. just a variation of the concept of @PointC: with 'special ease' https://codepen.io/mikeK/pen/bGdQNrV Happy tweening ... Mikel
×