Evgeniia

Thank you for your time!

Hey everyone! I have an animation of swirling stars around the button. JS code creates each star with its own CSS animation. The issue of this code is that it adds new and new stylesheets in head code and it decreases perfomance speed. So I'm trying to recreate the same animation with GSAP library to avoid this adding new stylesheets into head code, but I don't get how is right to do. Could you help me, please? https://codepen.io/EvgeniiaShirshikova/pen/jOJzKdZ https://codepen.io/EvgeniiaShirshikova/pen/ZEPxRgm

HI! It doesn't do anything with scroll speed. I used that for sticking container to the top of the section while animation is spinning.

Thank you so much! It helped me a lot! I tried to use a pin property at the website which I'm building now, but that section worked not correctly, I don't know why. So that I had to use long height of the section and the sticky position of the container. In the codepen it works just fine. I adjusted properties which you adviced me on my website, it works amazing!

Hi, everyone! Hope, you can help me So, I used this topic for creating half-cylinder text scrolling animation: Here is my pen: https://codepen.io/EvgeniiaShirshikova/pen/BaMqyBe My questions: 1. How can I slow down a scroll speed of the .wheel__wrapper? It scrolls very fast and user doesn't have time to even read a text. 2. How can I adjust snapTo in my case so that it would snap to next text element on scroll as in attached topic? Thanks in advance!