#splash { position: fixed;
width: 100%;
height: 100%;
z-index: 999;
background:#f7f5f0;
text-align:center;
color:#fff;
} #splash_logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} #splash_logo img {
width:110px;
} .openUp{
animation-name: openUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes openUpAnime{
0% {
opacity: 0;
transform: translateY(0);
}
50% {
opacity: 0;
transform: translateY(0);
}
100% {
opacity: 1;
transform: translateY(0);
}
}