@keyframes spring {
0% {transform: scale(1) translateY(0)}
10% {transform: scale(1.2, 0.6)}
30% {transform: scale(0.8, 1.1) translateY(-45px)}
50% {transform: scale(1) translateY(0)}
100% {transform: translateY(0)}
}
#spr {
position:absolute;top:60px;left:320px;
animation:spring 2s;
animation-timing-function:ease
}
#frame{width:820px;height:550px;pointer-events:none;position:absolute;top:240px;left:88px}
#ani{position:relative;animation-duration:2.5s;animation-name:fade}
@keyframes fade {
0% {opacity:0}
65% {opacity:0}
100% {opacity:1}
}
#h1{position:absolute;width:640px;top:820px;margin-left:19%;z-index:5;font-weight:900;font-size:32px;font-family:'Courier New',Courier New}
#swiffycontainer{position:absolute;top:35px;left:-8px;width:1000px;height:809px}