|
|
|
@ -78,10 +78,10 @@
|
|
|
|
|
transform-origin: top center;
|
|
|
|
|
}
|
|
|
|
|
#player.walking > .legs > div.right {
|
|
|
|
|
animation: dangle .4s ease infinite both;
|
|
|
|
|
animation: dingle .3s linear infinite alternate;
|
|
|
|
|
}
|
|
|
|
|
#player.walking > .legs > div.left {
|
|
|
|
|
animation: dangle .4s ease infinite reverse both;
|
|
|
|
|
animation: dangle .3s linear infinite alternate;
|
|
|
|
|
}
|
|
|
|
|
#player > .arms {
|
|
|
|
|
position: absolute;
|
|
|
|
@ -90,6 +90,10 @@
|
|
|
|
|
top: 48px;
|
|
|
|
|
left: 30px;
|
|
|
|
|
background-image: url(/Characters/Alien/alien_arm.png);
|
|
|
|
|
transform-origin: top center;
|
|
|
|
|
}
|
|
|
|
|
#player.walking > .arms {
|
|
|
|
|
animation: dangle .3s linear infinite alternate;
|
|
|
|
|
}
|
|
|
|
|
.block {
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
@ -110,7 +114,11 @@
|
|
|
|
|
flex-flow: row wrap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes dangle {
|
|
|
|
|
@keyframes dingle {
|
|
|
|
|
from { transform: rotate(20deg); }
|
|
|
|
|
to { transform: rotate(-20deg); }
|
|
|
|
|
}
|
|
|
|
|
@keyframes dangle {
|
|
|
|
|
from { transform: rotate(-20deg); }
|
|
|
|
|
to { transform: rotate(20deg); }
|
|
|
|
|
}
|
|
|
|
|