0.8.14 • Published 2 years ago
apple-tv-card v0.8.14
Apple TV Card (with JavaScript and CSS)
An Apple TV Card with hover animation and parallax effect.
Demo
Installation
Via a package manager
NPM
npm install apple-tv-card --save
yarn
yarn add apple-tv-card
Directly via CDN
Insert inside the head of your HTML:
<link href="//unpkg.com/apple-tv-card@latest/dist/main.css" rel="stylesheet">
<script src="//unpkg.com/apple-tv-card@latest/dist/main.js" defer></script>
Set up
Please note: This step is only necessary when you used a package manager for installation.
Require the JavaScript
require('apple-tv-card');
Import the CSS
@import "~apple-tv-card/dist/main.css";
Usage
Add the card to your HTML:
<div class="apple-tv-card-container" style="width:300px;">
<div class="apple-tv-card">
<div class="content" style="background-image:url(...);">
<!-- Any non-parallax content -->
</div>
<div class="parallax-content">
<!-- Example -->
<div style="width:5em;height:5em;border:1em dashed white;"></div>
<!-- End: Example -->
</div>
</div>
<div class="apple-tv-card-title">
Your awesome card
</div>
</div>
Credits
Known Issues
- Card title not displayed correctly in Safari
Contributing
Contributions are always welcome!
0.8.9
2 years ago
0.8.8
2 years ago
0.8.12
2 years ago
0.8.11
2 years ago
0.8.14
2 years ago
0.8.13
2 years ago
0.8.10
2 years ago
0.8.7
3 years ago
0.8.5
3 years ago
0.8.4
3 years ago
0.8.6
3 years ago
0.8.3
3 years ago
0.8.2
3 years ago
0.8.1
3 years ago
0.8.0
3 years ago
0.7.0
3 years ago
0.6.1
3 years ago
0.6.0
3 years ago
0.5.4
3 years ago
0.5.3
3 years ago
0.5.2
3 years ago
0.5.1
3 years ago
0.5.0
3 years ago
0.4.3
3 years ago
0.4.2
3 years ago
0.4.1
3 years ago
0.4.0
3 years ago
0.3.1
3 years ago
0.3.0
3 years ago
0.2.0
3 years ago
0.1.4
3 years ago
0.1.3
3 years ago
0.1.2
3 years ago
0.1.1
3 years ago
0.1.0
3 years ago