hover-effects-ts
Version:
A collection of beautiful hover effects for images using canvas
44 lines • 1.14 kB
TypeScript
import { HoverEffect } from '../core/types';
export declare class LegoHover implements HoverEffect {
private element;
private canvas;
private ctx;
private isHovering;
private mousePos;
private animationFrame;
private bricks;
private blockSize;
private gap;
private studScale;
private depth;
private radius;
private softEdge;
private fadeExp;
constructor(options?: {
blockSize?: number;
gap?: number;
studScale?: number;
depth?: number;
radius?: number;
softEdge?: number;
fadeExp?: number;
});
private shade;
private sample;
private drawBrick;
private render;
private onMouseEnter;
private onMouseLeave;
private onMouseMove;
attach(element: HTMLElement): void;
detach(): void;
destroy(): void;
setBlockSize(size: number): void;
setRadius(radius: number): void;
setGap(gap: number): void;
setStudScale(scale: number): void;
setDepth(depth: number): void;
setSoftEdge(edge: number): void;
setFadeExp(exp: number): void;
}
//# sourceMappingURL=lego.d.ts.map