Jump to content

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!


  • Content Count

  • Joined

  • Last visited

  • Days Won


mikel last won the day on February 9

mikel had the most liked content!

Community Reputation

2,594 Superhero

About mikel

  • Rank
    Advanced Member
  • Birthday 05/30/1954

Profile Information

  • Gender
    Not Telling
  • Location

Recent Profile Visitors

5,706 profile views
  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