svelte-lookat

1.0.1 • Public • Published

LookAt

Creates a div which makes all it's children follow the mouse cursor or the user's face when using a mobile phone. Passes all props into the created div. Change follow intensity with intensity prop.

Usage:

import LookAt from 'svelte-lookat'

<LookAt class="w-full d-flex justify-content-center align-items-center" on:mousemove={handleMove} intensity={0.5}>
  <div class="w-full d-flex">
    text!
  </div>
</LookAt>

Readme

Keywords

Package Sidebar

Install

npm i svelte-lookat

Weekly Downloads

3

Version

1.0.1

License

MIT

Unpacked Size

1.94 kB

Total Files

3

Last publish

Collaborators

  • thaunknown