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/
@@ -9,4 +10,4 @@ cloud - http://pixabay.com/en/weather-rain-clouds-157123/
dwarf - http://pixabay.com/en/gnome-statue-decoration-dwarf-elf-575475/
ghost - http://pixabay.com/en/ghost-spooky-white-ghostly-scary-156656/
rose - http://pixabay.com/en/flower-red-rose-blossom-nature-156608/
sun - http://pixabay.com/en/sun-weather-weather-forecast-sunny-157126/
sun - http://pixabay.com/en/sun-weather-weather-forecast-sunny-157126/

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>