الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

معاينة

رد فعل parallax-card

رد فعل مكون لبطاقة مع تأثيرات ثلاثية الأبعاد مماثلة لرموز تطبيقات Apple TV. العمل قيد التقدم. مستوحاة بشدة من https://github.com/drewwilson/atvimg

العرض التوضيحي

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

الاستخدام 

 # 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 ثيودور إكس باك

مرخصة بموجب ترخيص Apache ، الإصدار 2.0 ("الترخيص") ؛ لا يجوز لك استخدام هذا الملف إلا في الامتثال للترخيص. يمكنك الحصول على نسخة من الترخيص على

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

ما لم يكن مطلوبًا بموجب القانون المعمول به أو الموافقة على الكتابة ، يتم توزيع البرامج الموزعة بموجب الترخيص على أساس "كما هي" ، دون ضمانات أو شروط من أي نوع ، إما صريحة أو ضمنية. راجع ترخيص الأذونات والقيود التي تحكم اللغة المحددة بموجب الترخيص.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل