#move{background:url(../gf3/tyt11.png)}

.anim{animation-name:zoom;animation-duration:.5s;width:920px;height:608px;position:absolute}
@keyframes zoom{
0% {transform:scale(0)}
100% {transform:scale(1)}
}

s{
animation-name:zoomInDown;
animation-duration:3s;
animation-fill-mode:both;
animation-delay:.2s;
background:url(../gf3/test.png);
visibility: hidden;
position:absolute;
top:99px;left:140px;
width:611px;height:201px;
border-radius: 93px;
opacity:0;
}
@keyframes zoomInDown{
1% {opacity:0;visibility:visible }
12% {transform:translateY(0px)}
16% {transform:translateY(-129px)}
20% {transform:translateY(0px)}
24% {transform:translateY(-99px)}
28% {transform:translateY(0px)}
32% {transform:translateY(-75px)}
36% {transform:translateY(0px)}
40% {transform:translateY(-52px)}
44% {transform:translateY(0px)}
48% {transform:translateY(-35px)}
52% {transform:translateY(0px)}
56% {transform:translateY(-20px)}
60% {transform:translateY(0px)}
64% {transform:translateY(-10px)}
68% {transform:translateY(0px)}
72% {transform:translateY(-5px)}
76% {transform:translateY(0px)}
80% {transform:translateY(-3px)}
84% {transform:translateY(0px)}
88% {transform:translateY(-2px)}
92% {transform:translateY(0px)}
96% {transform:translateY(-1px)}
100% {transform:translateY(0px); opacity: 1;visibility: visible; box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.5);}
}