react parallax card

反应 - 帕拉克斯卡

与Apple TV应用程序图标类似的3D效果的卡片的React组件。正在进行中。受https://github.com/drewwilson/atvimg的启发

演示

https://theopak.github.io/reeact-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的用法

您可以通过将脚本标签添加到HTML来使用独立构建（UMD模块），而不是从NPM安装。但是，如果这样做，您还需要单独包括依赖项。

 <!-- 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

除非适用法律要求或以书面形式同意，否则根据许可证分配的软件是按照“原样”分发的，没有任何明示或暗示的任何形式的保证或条件。请参阅许可证，以获取执行许可条款和限制的特定语言。