hover-effects-ts
Version:
A collection of beautiful hover effects for images using canvas
45 lines • 1.34 kB
TypeScript
export interface HoverEffectOptions {
effect: 'ascii' | 'zoom' | 'particle-dust' | 'pixel' | 'minecraft' | 'lego';
radius?: number;
size?: number;
chars?: string[];
glitchIntensity?: number;
glitchSpeed?: number;
scale?: number;
spacing?: number;
maxDrift?: number;
blockSize?: number;
gap?: number;
studScale?: number;
depth?: number;
softEdge?: number;
fadeExp?: number;
}
export interface HoverEffect {
attach(element: HTMLElement): void;
detach(): void;
destroy(): void;
setRadius?(radius: number): void;
setSize?(size: number): void;
setGlitchIntensity?(intensity: number): void;
setGlitchSpeed?(speed: number): void;
setChars?(chars: string[]): void;
setScale?(scale: number): void;
setSpacing?(spacing: number): void;
setMaxDrift?(maxDrift: number): void;
setBlockSize?(size: number): void;
setGap?(gap: number): void;
setStudScale?(scale: number): void;
setDepth?(depth: number): void;
setSoftEdge?(edge: number): void;
setFadeExp?(exp: number): void;
getRadius?(): number;
getBlockSize?(): number;
getSize?(): number;
getScale?(): number;
getSpacing?(): number;
getMaxDrift?(): number;
getSamplesCount?(): number;
getDebugInfo?(): object;
}
//# sourceMappingURL=types.d.ts.map