react parallax card

반응-파골락 카드

Apple TV 앱 아이콘과 유사한 3D 효과가있는 카드의 구성 요소에 반응합니다. 진행중인 작업. https://github.com/drewwilson/atvimg에서 크게 영감을 받았습니다

데모

https://theopak.github.io/react-parallax-card

용법

 # Install from npm
npm install react-parallax-card --save

 import ParallaxCard from 'react-parallax-card'

< ParallaxCard
  label = 'Label (optional)'
  enableRotate
  style = { { margin : '0 auto' , width : 240 , height : 240 } } >
  < img src = 'https://s3-us-west-1.amazonaws.com/tachyonsio/img/Blonde-Frank_Ocean.jpeg' width = '240' role = 'presentation' />
</ ParallaxCard >

대안 : CDN의 사용

NPM에서 설치하는 대신 스크립트 태그를 HTML에 추가하여 독립형 빌드 (UMD 모듈)를 사용할 수 있습니다. 그러나 그렇게한다면 종속성을 별도로 포함시켜야합니다.

 <!-- NOTE: react must be included first -->
< script src =" https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js " > </ script >
< script src =" https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js " > </ script >

<!-- Include react-parallax-card as 'window.ReactParallaxCard' -->
< script src =" https://unpkg.com/react-parallax-card/dist/umd/react-parallax-card.js " > </ script >

특허

저작권 2017 Theodore X. Pak

Apache 라이센스, 버전 2.0 ( "라이센스")에 따라 라이센스가 부여되었습니다. 라이센스를 준수하는 것 외에는이 파일을 사용할 수 없습니다. 라이센스 사본을 얻을 수 있습니다

http://www.apache.org/licenses/license-2.0

해당 법률에 의해 요구되거나 서면에 동의하지 않는 한, 라이센스에 따라 배포 된 소프트웨어는 명시 적 또는 묵시적 보증 또는 조건없이 "그대로"기준으로 배포됩니다. 라이센스에 따른 특정 언어 통치 권한 및 제한 사항에 대한 라이센스를 참조하십시오.