Raataar/kinderspiele1
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Minispiel eingebaut, Minispiel Animationen und Sounds

Browse Source
This commit is contained in:
Hilmer, Carsten
2016-11-11 13:41:34 +01:00
parent 2d63ab9a2a
commit 3179418b74
55 changed files with 11546 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
www/css/style.css
View File

@@ -289,6 +289,54 @@ to {background-position: -2000px 0;}
}
.teddy {
position: fixed;
top: 50%;
left: 50%;
width: 256px;
height: 256px;
margin-left: -128px;
margin-top: -128px;
overflow: hidden;
}
.teddybackground {
background: url('../img/Teddybear/Teddy_klein/Teddybackgound.png');
}
.teddyani1 {
width: 256px;
height: 1024px;
background: url('../img/Teddybear/Teddy_klein/Teddybear_ani1.png') left center;
-webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}
.teddyani2 {
width: 256px;
height: 1024px;
background: url('../img/Teddybear/Teddy_klein/Teddybear_ani2.png') left center;
-webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}
.teddyani3 {
width: 256px;
height: 1024px;
background: url('../img/Teddybear/Teddy_klein/Teddybear_ani3.png') left center;
-webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}
.teddyani4 {
width: 256px;
height: 1024px;
background: url('../img/Teddybear/Teddy_klein/Teddybear_ani4.png') left center;
-webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}
@-webkit-keyframes teddyspriteani {
100% { background-position: 0 -1024px; }
}
#background-wrap {
bottom: 0;
@@ -350,7 +398,6 @@ to {background-position: -2000px 0;}
-moz-transform: scale(0.3);
transform: scale(0.3);
}
/*
.x3 {
-webkit-animation: animateCloud 30s linear infinite;
-moz-animation: animateCloud 30s linear infinite;
@@ -361,6 +408,7 @@ to {background-position: -2000px 0;}
transform: scale(0.5);
}
/*
.x4 {
-webkit-animation: animateCloud 18s linear infinite;
-moz-animation: animateCloud 18s linear infinite;
@@ -383,6 +431,15 @@ to {background-position: -2000px 0;}
*/
/* OBJECTS */
.ufo {
background: url('../img/ufo.png');
position: relative;
height: 64px;
position: relative;
width: 64px;
}
.cloud {
background: #fff;
background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);