TheMagician
/
tarotcard.css
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add test card for deal and flip animations together

This commit is contained in:
The Magician 2023-12-02 13:18:08 +00:00
parent 90bb595971
commit 3b4abe6468
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
test/index.html
View File

@ -97,6 +97,31 @@
</div>
</div>
<!-- Uses both the "deal" and "flip" animations. -->
<div id="flip-card" class="tarot-card tarot-card--deal tarot-card--flip-on-hover">
<div class="tarot-card__content">
<div class="tarot-card__side tarot-card__side--front">
<div class="tarot-card__section tarot-card__section--art">
<img class="tarot-card__art"
src="images/card_art_std.jpg"
alt="The Deal/Flip Card artwork image."
title="The Deal/Flip Card artwork image." />
</div>
<div class="tarot-card__section tarot-card__section--title">
<p class="tarot-card__title">The Deal/Flip Card.</p>
</div>
</div>
<div class="tarot-card__side tarot-card__side--back">
<div id="flip-card-back" class="tarot-card__section">
<p>This is the back side of The Deal/Flip Card.</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>