When an element gets pinned, it hits a wall and goes from 100 to 0 in an instant which doesn't feel very good. I was wondering if there is a way to "smooth" it so it pins gradually.
I have been on this https://front.artelelectronics.com/ website where every section is pinned. It works well, just the way it gets pinned is without any transition.
I am not positing a codepen demo because it is a standard ScrollTrigger with a "pin:true" setting.