ipad cursor

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

npm i

npm run start

기본 사용

CursorProvider를 페이지에 추가하십시오

 // 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 >
    )
  }
} 

그런 다음 구성 요소를 WithHover 기능으로 랩핑하십시오

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

const Component = ( ) => < h1 > ;

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

경고 :

• 호버링 된 구성 요소의 내용을 이동하려면 컴포넌트에 디스플레이 유형의 inline-block 또는 block 있어야합니다. CSS 변환은 인라인 요소에서 작동하지 않습니다.