react-cardflee-anim
Version:
A react animated card component that flee away from mouse.
40 lines (39 loc) • 1.03 kB
TypeScript
import React, { Component, ReactElement } from 'react';
import './styles.css';
export interface CardFleeState {
mouseX: number;
mouseY: number;
tX: number;
tY: number;
rX: number;
rY: number;
cardStyle: {};
cardBgTransform: {};
}
export interface CardFleeProps {
height?: number;
id: number | string;
image?: string;
width?: number;
sensitivity?: number;
head?: ReactElement | string | Element;
content?: ReactElement | string | Element;
bgcolor?: string;
}
export declare class CardFlee extends Component<CardFleeProps, CardFleeState> {
mouseLeaveDelay: number | undefined;
background: {};
id: string;
halfWidth: number;
halfHeight: number;
sensitivity: number;
senseY: number;
cardCss: {};
constructor(props: CardFleeProps);
mousePX: () => number;
mousePY: () => number;
handleMouseMove: (e: React.MouseEvent) => void;
handleMouseEnter: () => void;
handleMouseLeave: () => void;
render(): JSX.Element;
}