mikel
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Everything posted by mikel
-
Hey @ross333, The simplest: Accelerate the reverse animation with timeScale. Otherwise you need two different animations or ... https://codepen.io/mikeK/pen/rNWWMGz Happy toggling ... Mikel
-
Hey @shilpa_gz, here an example of GSP MotionPath ... https://codepen.io/mikeK/pen/zYPRNOj Happy tweening ... Mikel
- 16 replies
-
- 3
-
-
- reset animation
- reverse
- (and 2 more)
-
Hey @aleangelico, Welcome to the GREENSOCK Forum. The interaction of time, duration and ease is relevant here. Here is a small example: https://codepen.io/mikeK/pen/gOXodJQ??editors=1010 Happy tweening ... Mikel
-
Hey @Pata, The circle could also be an SVG element. Then there's no problem with resize. Happy tweening ... Mikel
-
Hey @OSUblake, Simple and cool ... https://codepen.io/mikeK/pen/jOaYzYz?editors=1000 Happy speeding ... Mikel
-
Hey @Jay George P, Depending on your feelings, try the values: end:'+=2000' or more scrub: 0.3 for example and set the tween ease:'none' Happy tweening ... Mikel
-
Hey @marko krstic, There are a number of options. Here is an example stagger from:"random" https://codepen.io/mikeK/pen/OJROYeb Or here are some other suggestions https://codepen.io/mikeK/pen/vYLygdY?editors=0010 Happy tweening ... Mikel
-
Hey @Sixela, -webkit-text-stroke: This feature is non-standard and can lead to irritation (uncommend JS line 11). Here is a simple example using 'text-stroke' and alternatively SVG text. https://codepen.io/mikeK/pen/bGYYgXm??editors=0110 Happy tweening ... Mikel
-
Hey @Dante Arceneaux, Good luck ...
-
Hey @gilleskidjo, A little motivation to try it yourself... https://codepen.io/mikeK/pen/vYWePbe/904e80d7450e6db7104d24bb062a4290?editors=1010 Happy tweening ... Mikel
-
... and an example https://codepen.io/mikeK/pen/zYPEaPm?editors=1010 Nobody is perfect ... Mikel
-
Hey @Dante Arceneaux, Try GSAP SplitTextPlugin. And then a loop or foreach for each letter ... Happy splitting and looping ... Mikel
-
Hey @Jojoba007, This could be a possibility. https://codepen.io/mikeK/pen/xxPLRLo??editors=1010 Happy leaving ... Mikel
-
Hey @Poylar, Without knowing your intention and the structure of the elements here is an example of animated polylines and rects. https://codepen.io/mikeK/pen/mdOMNrP Happy tweening ... Mikel
-
Hey @Jojoba007, Here is an example with plain JS and new GSAP https://codepen.io/mikeK/pen/oNowmmz?editors=1010 Happy tweening ... Mikel
-
Just an alternative ... https://codepen.io/mikeK/pen/ExbXrWz Happy tweening ... Mikel
-
Hey NICK, Instead of sections you could also use the GSAP TextPlugin. https://codepen.io/mikeK/pen/oNowzWm?editors=0010 Happy tweening ... Mikel
-
Hey @Skaiii, Welcome to the GreenSock Forum. Here an example which could be helpful. https://codepen.io/mikeK/pen/rNWWMGz Happy tweening ... Mikel
-
Hey @NickWoodward, How about this concept? https://codepen.io/mikeK/pen/yLPXeWj??editors=0110 Happy tweening ... Mikel
-
Hey @OSUblake, How about your speed concept? https://codepen.io/mikeK/pen/jYyXZd?editors=0010 Happy speeding ... Mikel
-
Hey @Trynix, Combining two stagger tweens could be an alternative. https://codepen.io/mikeK/pen/JjOJGXB?editors=0110 Happy tweening ... Mikel
-
Hey @NubieHere, This blog post might help you: Quick Tip: Removing a Flash of Unstyled Content (FOUC) Happy tweening ... Mikel
-
Hey @NubieHere, Please look at the DOC autoAlpha https://codepen.io/mikeK/pen/OJOmvmq Happy tweening ... Mikel
-
Hey @Archetype, Do you mean 'getBoundingClientRect'? https://codepen.io/mikeK/pen/vYWmWXr?editors=0010 Happy tweening ... Mikel
-
Hey @vanquer, You could use a clip-path and animate it: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/clipPath Happy tweening ... Mikel
- 1 reply
-
- 2
-
