UNPKG

react-cardflee-anim

Version:

A react animated card component that flee away from mouse.

40 lines (39 loc) 1.03 kB
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; }