add card back side

This commit is contained in:
Juraj Michalek
2014-12-28 21:04:49 +00:00
parent df0b305e67
commit a388bc8fb0
5 changed files with 7 additions and 5 deletions

View File

@@ -96,7 +96,7 @@ flippy.fancy flippy-front {
width: inherit;
height: inherit;
border: 1px solid #ccc;
background: white;
background: #FAE944;
text-align: center;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
}

View File

@@ -1,5 +1,6 @@
body {
margin: 0;
background: lightyellow;
}
#mainContent {

View File

@@ -1,5 +1,6 @@
Images available under CC
Images available under CC or Public Domain
OpenClips
barrel - http://pixabay.com/en/barrel-keg-wood-vintage-wooden-575341/
butterfly - http://pixabay.com/en/animal-butterfly-insect-nature-156895/
carrot - http://pixabay.com/en/carrot-vegetable-food-fresh-575529/

BIN
img/cards/question.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@@ -51,11 +51,11 @@
timing-function="ease-in-out">
<flippy-front>
?
<span class="cardHelper"></span><img ng-src="img/cards/question.png">
</flippy-front>
<flippy-back>
<span class="cardHelper"></span><img ng-src="img/cards/{{card.cardId}}.png" ng-show="card.cardType == 'picture'"></span>
<span class="cardHelper"></span><img ng-src="img/cards/{{card.cardId}}.png" ng-show="card.cardType == 'picture'">
<div ng-hide="card.cardType == 'picture'">{{card.card['en-US']}}</div>
</flippy-back>