CSS Media Screen angepasst, Minispiel mit Sounds und effekten versehen

This commit is contained in:
Carsten Hilmer
2016-11-25 02:24:40 +01:00
parent 13119a71a4
commit 1f0ec98e0a
25 changed files with 336 additions and 70 deletions

View File

@@ -18,4 +18,35 @@
.dropzone{
height:96px;
width: 128px;
}
.rotate {
-webkit-animation:spin 4s linear;
-moz-animation:spin 4s linear;
animation:spin 4s linear;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
/* ----------- Kindle Fire HD 7" ----------- */
/* Landscape */
@media only screen
and (min-device-width: 800px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: landscape) {
.dragzone{
height:100px;
width: 128px;
}
.dropzone{
height:200px;
width: 256px;
}
}