vue-hover-effect
Version:
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
29 lines (28 loc) • 813 B
TypeScript
export interface SingleHoverEffectOptions {
parent: HTMLElement;
displacementImage: string;
image1: string;
image2: string;
imagesRatio?: number;
intensity?: number;
intensity1?: number;
intensity2?: number;
angle?: number;
angle1?: number;
angle2?: number;
speed?: number;
speedIn?: number;
speedOut?: number;
hover?: boolean;
easing?: string;
video?: boolean;
}
export interface SingleHoverEffectController {
next: () => void;
previous: () => void;
resize: (parentOffsetWidth?: number, parentOffsetHeight?: number) => void;
}
/**
* A typed version of Robin Delaporte’s original two-image hover effect.
*/
export declare function createSingleHoverEffect(opts: SingleHoverEffectOptions): SingleHoverEffectController | undefined;