Aminerman/vue-kinesis

A way to detect in view port

Closed this issue · 3 comments

Hi, thanks for the package, maybe it could be cool to activate for example a clip-path animation when element on viewport and combined with mouse parallax, is there a way to do this in kinesis?

Thank you for your time

Hello,
Just to make sure that I understand your issue, do you just want a way to know if the element is in the viewport? Or is your question about if Kinesis can animate clip-path property?

Hi Aminerman, thanks for your prompt reply, is not really a issue, but more an idea, iis it possible to detect when element is in viewport and then for example add/remove a xx class

but your second question could be visually cool, can Kinesis animate clip-path property? or for example css @Keyframe based on screen scroll percentage

For now there is no way to animate other than transforms. There will be definitely at some point more possibilities.

The Keyframe idea is something than I might try to implement soon.

For the viewport thing, what about just using a package like this one?