Added Lamp Effect Component

[rahul-vashishtha]

No description provided.

[rahul-vashishtha]

The transform: translateZ(1px) is the properties getting added to Spotlight and Glowing Light which should not be there.

[rahul-vashishtha]

Once this is resolved, the port will be ready for review.

[nathan-de-pachtere]

The transform: translateZ(1px) is the properties getting added to Spotlight and Glowing Light which should not be there.

vueuse/motion#157

[nathan-de-pachtere]

@rahul-vashishtha Your problem it's a side effect of vueuse/motion as you mention, and I think for motion stuff it's better to use framework-agnostic library. Not only for motion but for every stuff that are browser native. Vueuse/motion is not so much active, so not good to include.

The code changes above are just an example with GSAP, but you could do the same with animate.js.

[rahul-vashishtha]

@nathan-de-pachtere I have removed the vueuse/motion and made the animation css only.

I'm thinking of removing vueuse/motion permanently from the project in near future as it creates a lot of issues with different components.

[nathan-de-pachtere]

Super nice in CSS only ;)