Jump to content

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

mikel last won the day on February 7

mikel had the most liked content!


  • Content Count

  • Joined

  • Last visited

  • Days Won


mikel last won the day on February 7

mikel had the most liked content!

Community Reputation

4,013 Superhero

About mikel

  • Rank
    Advanced Member
  • Birthday 05/30/1954

Profile Information

  • Gender
    Not Telling
  • Location

Recent Profile Visitors

8,248 profile views
  1. Hey @sybilrondeau, from the DOCs .play( from:Number, suppressEvents:Boolean ) : self Begins playing forward, optionally from a specific time (by default playback begins from wherever the playhead currently is). So try .play(0) Happy tweening ... Mikel
  2. Hey Blake, Here scale with and without motionPath https://codepen.io/mikeK/pen/QWdZmNM https://codepen.io/mikeK/pen/gOpXozV The animation looks different. End position is the same.
  3. Hey @OSUblake 'I don't know if changing the width and height will throw off its positioning.' I don't believe it! Hmmm, look at this example: https://codepen.io/mikeK/pen/QWdZQWw?editors=0010 Happy tweening the viewBox ... Mikel
  4. Hey @dfreerider, Welcome to the GreenSock Forum. Could this be an option: https://codepen.io/mikeK/pen/rNWzGaa https://codepen.io/mikeK/pen/qBqEeMj Happy tweening ... Mikel
  5. Hey @Metaloholic, Welcome to the Greensock Forum, There are some ways. Here is an option: one ScrollTrigger, 2. tween is positioned e.g. '+=2' https://codepen.io/mikeK/pen/abpRmNN Happy scrolling ... Mikel
  6. Hey @Alex_JS, Welcome to the GreenSock Forum. You could use GSAP ScrollTrigger and tween a background-image. https://codepen.io/mikeK/pen/NWdOrda Happy scrolling ... Mikel
  7. Here is another great ScrolloMeter on offer! https://codepen.io/mikeK/pen/c1099fe6d3d8c43ec2b928f006551450 Happy super scrolling ... Mikel
  8. Hey @Samaritan, Welcome to the GreenSock Forum. Does this example match your expectations? https://codepen.io/mikeK/pen/vYKqvvz Happy scrolling ... Mikel
  9. Hey @leonardpbd, There's another option here. To keep the focus on the 'current circle', you can adjust the y coordinate in the viewBox. https://codepen.io/mikeK/pen/OJWoxBX Happy moving ... Mikel
  10. mikel

    Motion path control

    I couldn't do it with the quickSetter. But with this construction it works. https://codepen.io/mikeK/pen/NWdLWgM
  11. mikel

    Motion path control

    Hey @Hughie, Sometimes it is better to have all in one. Let´s kite https://codepen.io/mikeK/pen/WNRKWLQ Happy tweening ... Mikel
  12. mikel

    Motion path control

    Hey @Hughie, A quick way to get a path, without having to open tools is SVG Path Builder of Anthony Dugois (here a fork). With a little practice it works with a perfect curve. And here is another little pocket guide for SVG. Happy tweening ... Mikel
  13. Hey @Othonna, here is the QuickTip re FOUC. Happy tweening ... Mikel
  14. mikel

    Motion path control

    Hey @Hughie, You could vary the speed of the kite. Depending on whether rising or falling: Here is a logic from @OSUblake https://codepen.io/mikeK/pen/aWQdLa?editors=1010 Happy tweening ... Mikel
  15. mikel

    Motion path control

    Hey @Hughie, You could position the kite on the starting point of the path. #kite-wrap, #kite { position: absolute; top: 290px; // d="M 140 300 left: 120px; width: 45px; height: 25px; background-size: 45px 25px; } https://codepen.io/mikeK/pen/xxgJLzY Happy kiting ... Mikel