ipad cursor

git clone https://github.com/sambernhardt/ipad-cursor.git

npm i

npm run start

Uso básico

Agregue el cursorProvider a una página

 // app.js

import App from 'next/app' ;
import CursorProvider from '../cursor/Provider' ;

export default class MyApp extends App {
  render ( ) {
    const { Component , pageProps } = this . props ;
    
    return (
      < CursorProvider >
        < Component { ... pageProps } />
      </ CursorProvider >
    )
  }
} 

Luego envuelva sus componentes con la función WithHover

 // Component.js
import WithHover from '../cursor/WithHover' ;

const Component = ( ) => < h1 > ;

export default WithHover( < Component /> , 'block');

Advertencias:

• Para mover el contenido del componente rondado, el componente debe tener un tipo de pantalla de inline-block o block en línea. Las transformaciones de CSS no funcionan en elementos en línea.