Leaderboard

I don't think you can. "AMP HTML uses a set of contributed but centrally managed and hosted custom elements to implement advanced functionality such as image galleries that might be found in an AMP HTML document. While it does allow styling the document using custom CSS, it does not allow author written JavaScript beyond what is provided through the custom elements to reach its performance goals." https://www.ampproject.org/docs/fundamentals/spec Also "Transition and animation are subject to additional restrictions. AMP must be able to control all animations belonging to an ad, so that it can stop them when the ad is not on screen or system resources are very low." https://www.ampproject.org/docs/ads/a4a_spec#allowed-amp-extensions-and-builtins & here's more specific info about how to create these ads: https://www.ampproject.org/docs/ads/create_amphtml_ad

You can also use a gradient which gives you some interesting options. By setting both color offsets to either 0% or 100% and then tweening to the other end, you can create a solid color change or fill. It also allows you to quickly change things by changing the x/y attributes of the linearGradient itself. You can make it start from the other end, switch to horizontal or diagonal. Just another option for you. Happy tweening.

This is interesting And, I think actually doing something a bit different (vs changing the cursor icon) could work well ... instead of changing the cursor icon you could 1. hide the cursor 2. tween the change of the menu icon while 3. tweening the position of the menu icon to the cursor position Here is a simple CodePen demonstrating the basics of this

Hi @PointC, My post is just the happy message that I have solved it. I was trapped and here I found the solution. Thank you very much Mikel

Hi @mikel That looks like the behavior I would expect. Was there a question in there or were you just pointing out the need to use immediateRender:false? I wasn't quite sure. Happy tweening.

Yeah - a demo would be most helpful. You said you have several different titles, but want to make it work without a loop? I was a little confused by that and how it differs from the solution I gave you in the other thread. As @Carl mentioned, I'm sure we can help with some more info.

Hi amihanya, Thanks for asking about this. As seen in the info ohem provided, its clear that a foundational principle of AMP is to heavily restrict what developers can do with their pages. AMP is all about everything looking and performing the same way (to ensure super fast load time and performance). They don't want developers meddling around and coming up with new transitions / effects for image galleries, UI elements or anything else. The types of award winning sites (such as found in our showcase) that professional animators, developers, and designers love to build are pretty much what AMP doesn't want to support. Oh, and just a little note: it's GreenSock, not Greenshock Thanks for your support. Glad to see you enjoying GSAP!

Not exactly sure what you need. It would really help if you could produce a reduced test case that clearly illustrates the problem. If you give us just a basic setup of HTML/CSS/JS with a clear explanation of what you need, i'm sure we can help.

PointC Thank You! Exactly what I'm looking for. I appreciate the help!

Hi @swpowe Welcome to the forum. Sounds like a good job for a clip-path. (or mask) Hopefully that helps. Happy tweening.

hmm, I thought you asked this yesterday and we provided some answers for you. I'm having trouble finding that thread... do you know what happened to it?

Just for comparison, here's the logo using a displacement map in Pixi.

lovestoned, it appears the climber wave effect is just 2 wave shapes moving vertically at the same time in opposing horizontal directions. watch this gif loop closely I drew 2 scrappy wave shapes in illustrator to illustrate: tl.to("#wave", 3, {x:-1600, y:-1200, repeat:100, yoyo:true, ease:Linear.easeNone}) .to("#wave2", 3, {x:1600, y:-1200, repeat:100, yoyo:true, ease:Linear.easeNone}, 0) I think if you take the time to draw better, more consistent waves you can get the same results as climber