TheMagician
/
tarotcard.css
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
A CSS library for creating 3D Tarot cards.
28 Commits 1 Branch 0 Tags 60 KiB
HTML 70.4%
CSS 29.1%
Makefile 0.5%
Go to file
The Magician b28639ffe8 Add README.md 2023-12-12 17:13:41 +00:00
test Fix sizing issues, display test page nicely 2023-12-02 15:30:05 +00:00
Makefile Add Makefile with serve target 2023-12-01 14:00:02 +00:00
README.md Add README.md 2023-12-12 17:13:41 +00:00
package.json Add tarotcard-flip.css 2023-12-01 17:36:00 +00:00
tarotcard-deal.css Add "deal" animation 2023-12-01 16:43:12 +00:00
tarotcard-flip.css Fix sizing issues, display test page nicely 2023-12-02 15:30:05 +00:00
tarotcard.css Fix sizing issues, display test page nicely 2023-12-02 15:30:05 +00:00

README.md

tarotcard.css

tarotcard.css is a CSS library for creating 3D Tarot cards on webpages. It was created for use on my business website, [https://themagician.cc].

Installation

tarotcard.css is published on npm, use npm install tarotcard.css to install it.

Usage

This library contains three files:

  • tarotcard.css: Contains CSS classes for the basic definition of the "card" structure.
  • tarorcard-deal.css: Contains an animation used to "slide" a card on-screen, as if being dealt onto a table.
  • tarotcard-flip.css: Contains some support classes and animations to support two-sided cards which can flip over.

See the sample webpage in the test/ directory for more detailed usage examples. You can run make serve to spin up a local server on port 8000 which serves this page (requires Python 3).