Animation/transform demo

Support
#1

HI guys, i’m struggling a bit with the effects applied to a text. i’m not really good with animations on cornerstone so i wanted to improve a bit.

I wonder if you can help me figure out how i can make a text disappear as you scroll. i mean, the kind of text that if you scroll 10%, it would disappear that same amount and not the one that has an offset that would trigger the entire animation.

Is that possible?

I’m talking about something like this: https://coolcssanimation.com/element-fade-out-on-scroll/

#2

I think this is not possible with Cornerstone Effects section since scroll position is only used to trigger animations. There is no builtin way to “read” the current scroll position and use that value i.e. for an opacity value. Someone please correct me, but AFAIK currently this is only possible with additional coding.

1 Like
#3

Hi @raye,

You are correct; currently, the option is not available to achieve what is required.

Thanks

#4

ok, then that means i will have to resort to the standard way: css + js. good to know (i’mtrying to cut on coding when possible so the client can edit it later but i can see that most of the things can be done with the page builder which is quite nice!).