<h2 id="install"><a aria-hidden="true" tabindex="-1" href="#install"><span class="icon icon-link"></span></a>INSTALL</h2>
<pre><code class="language-ssh">npm install mouse-animation-effect
//or
yarn add mouse-animation-effect
</code></pre>
<h2 id="usage"><a aria-hidden="true" tabindex="-1" href="#usage"><span class="icon icon-link"></span></a>USAGE</h2>
<pre><code class="language-typescript">import generateMouseEffect from 'mouse-animation-effect';
import "mouse-animation-effect/dist/index.css";

const { initMouseEffect, removeMouseEffect } = generateMouseEffect({});
</code></pre>
<h2 id="options"><a aria-hidden="true" tabindex="-1" href="#options"><span class="icon icon-link"></span></a>Options</h2>
<table>
<thead>
<tr>
<th align="center">name</th>
<th align="center">defaultValue</th>
<th align="center">type</th>
<th align="center">description</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">content</td>
<td align="center">❤</td>
<td align="center">string</td>
<td align="center">content displayed after mouse click</td>
</tr>
<tr>
<td align="center">delay</td>
<td align="center">1900</td>
<td align="center">number</td>
<td align="center">displayed content duration</td>
</tr>
</tbody>
</table>
<h2 id="example"><a aria-hidden="true" tabindex="-1" href="#example"><span class="icon icon-link"></span></a>Example</h2>
<p><a href="https://lzs911.github.io/">https://lzs911.github.io/</a></p>

name	defaultValue	type	description
content	❤	string	content displayed after mouse click
delay	1900	number	displayed content duration