vue-lerp-element

A VueJs component that makes the default slot follow the mouse from its default position

Installation

NPM

 npm i --save vue-lerp-element

Example

This is the most basic usage of the component :

<template>
    <vue-lerp-element>
        <div class="circle"></div>
    </vue-lerp-element>
</template>

<script>
    import VueLerpElement from "vue-lerp-element";

    export default {
        components: {
            VueLerpElement,
        },
    };
</script>   

Props

| name | type | description | required | default value | |--------------|:------:|------------------------------------------------------------------|----------|---------------| |transitionDuration |Number |The duration of the transition in seconds |false |0.3 | |easing |String |The easing of the transition (any css easing is valid) |false |ease-out | |followOffset |Number |The offset of the element from the mouse position (in percentage between 0 and 1) |false |1 |

Contributing

Contributions are welcome ! Follow the instructions in the contributing file

License

MIT