틀:OEU-Loading/styles.css

/* Z축 */
.OEULo-z5  {
 z-index:5;
}

.OEULo-z6  {
 z-index:6;
}

/* 로딩 화면 애니메이션 */

.OEULoading-LDimgR {
 background-position: center;
 animation: OEULoading-LDimgR;
 animation-delay: 0.5s;
 animation-duration: 2.5s;
 animation-fill-mode: forwards;
 animation-timing-function: ease-in-out;
 z-index: 5;
 overflow:hidden;
}
@keyframes OEULoading-LDimgR {
  from { transform: translateX(50%); }
  to { transform: translateX(95%); }
}

.OEULoading-LDimgR img {
	height:100vh ;
	object-fit: cover;
	object-position: left center;
}

.OEULoading-LDimgL {
 background-position: center;
 animation: OEULoading-LDimgL;
 animation-delay: 0.5s;
 animation-duration: 2.5s;
 animation-fill-mode: forwards;
 animation-timing-function: ease-in-out;
 z-index: 5;
 overflow:hidden;
}
@keyframes OEULoading-LDimgL {
  from { transform: translateX(-50%); }
  to { transform: translateX(-95%); }
}

.OEULoading-LDimgL img {
	height:100vh ;
	object-fit: cover;
	object-position: right center;
}

.OEULoading-LDP {
 position:fixed;
 z-index:3;
 animation: OEULoading-LDP;
 animation-delay: 4s;
 animation-iteration-count: 1;
 animation-duration: 0.4s;
 animation-fill-mode: forwards;
 animation-timing-function: ease;
 overflow:hidden;
 opacity:1;
}
@keyframes OEULoading-LDP {
  from {height:100vh;opacity:1; z-index:5;display:inherit;}
  to {height:0px;opacity:0; z-index:-1;display:none;}
}