หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

Preview.gif

การ์ดตอบสนอง

ส่วนประกอบตอบสนองสำหรับการ์ดที่มีเอฟเฟกต์ 3 มิติคล้ายกับไอคอนแอป Apple TV ทำงานระหว่างดำเนินการ แรงบันดาลใจอย่างมากจาก 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 คุณสามารถใช้โครงสร้างแบบสแตนด์อโลน (โมดูล UMD) โดยการเพิ่มแท็กสคริปต์ลงใน HTML ของคุณ แต่ถ้าคุณทำคุณจะต้องรวมการพึ่งพาแยกต่างหาก 

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

เว้นแต่ว่ากฎหมายที่บังคับใช้หรือตกลงเป็นลายลักษณ์อักษรซอฟต์แวร์ที่แจกจ่ายภายใต้ใบอนุญาตจะถูกแจกจ่ายตาม "ตามพื้นฐาน" โดยไม่มีการรับประกันหรือเงื่อนไขใด ๆ ไม่ว่าจะโดยชัดแจ้งหรือโดยนัย ดูใบอนุญาตสำหรับภาษาเฉพาะที่ควบคุมการอนุญาตและข้อ จำกัด ภายใต้ใบอนุญาต

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด