react parallax card

kartu reaksi-parallax

Komponen bereaksi untuk kartu dengan efek 3D yang mirip dengan ikon aplikasi Apple TV. Bekerja dalam proses. Sangat terinspirasi oleh https://github.com/drewwilson/atvimg

Demo

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

Penggunaan

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

Alternatif: Penggunaan dari CDN

Alih -alih menginstal dari NPM, Anda dapat menggunakan Standalone Build (Modul UMD) dengan menambahkan tag skrip ke HTML Anda. Tetapi jika Anda melakukannya, Anda juga harus memasukkan dependensi secara terpisah.

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

Lisensi

Hak Cipta 2017 Theodore X. Pak

Berlisensi di bawah lisensi Apache, versi 2.0 ("lisensi"); Anda tidak boleh menggunakan file ini kecuali sesuai dengan lisensi. Anda dapat memperoleh salinan lisensi di

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

Kecuali diharuskan oleh hukum yang berlaku atau disepakati secara tertulis, perangkat lunak yang didistribusikan di bawah lisensi didistribusikan berdasarkan "sebagaimana adanya", tanpa jaminan atau ketentuan dalam bentuk apa pun, baik tersurat maupun tersirat. Lihat lisensi untuk bahasa spesifik yang mengatur izin dan batasan di bawah lisensi.