틀:POLD/styles.css

2023년 9월 18일 (월) 20:35 판 (원본 보기) Ernst (토론 | 기여) 편집 요약 없음 ← 이전 편집		2023년 9월 18일 (월) 20:41 판 (원본 보기) Ernst (토론 | 기여) 편집 요약 없음 다음 편집 →
43번째 줄:		43번째 줄:
	50% {opacity:0;}		50% {opacity:0;}
	to {opacity:1;}		to {opacity:1;}
			}
			.IM-POLD-LDP {
			animation: IM-POLD-LDP;
			animation-delay: 20s;
			animation-iteration-count: 1;
			animation-duration: 1s;
			animation-fill-mode: forwards;
			animation-timing-function: ease;
			overflow:hidden;
			height:calc(1080px - 42px);
			opacity:1;
			}
			@keyframes IM-POLD-LDP {
			from {height:calc(1080px - 42px);opacity:1;}
			to {height:0px;opacity:0;}
	}		}

---

2023년 9월 18일 (월) 20:41 판

.IM-POLD-LDbar2 {
 animation: IM-POLD-LDbar2;
 animation-iteration-count: infinite;
 animation-duration: 1s;
 animation-fill-mode: forwards;
 animation-timing-function: ease;
 background-image:linear-gradient(to right, white 0.5%, transparent 0.5%);
}

@keyframes IM-POLD-LDbar2 {
  0% {background-image:linear-gradient(to right, white 0.5%, transparent 0.5%);}
  10% {background-image:linear-gradient(to right, white 1%, transparent 1%);}
  20% {background-image:linear-gradient(to right, white 2%, transparent 2%);}
  30% {background-image:linear-gradient(to right, white 25%, transparent 25%);}
  40% {background-image:linear-gradient(to right, white 55%, transparent 55%);}
  50% {background-image:linear-gradient(to right, white 60%, transparent 60%);}
  60% {background-image:linear-gradient(to right, white 77%, transparent 77%);}
  70% {background-image:linear-gradient(to right, white 97%, transparent 97%);}
  80% {background-image:linear-gradient(to right, white 98%, transparent 98%);}
  90% {background-image:linear-gradient(to right, white 99%, transparent 99%);}
  100% {background-image:linear-gradient(to right, white 100%, transparent 100%);}
}

.IM-PO-z5  {
 z-index:5;
}

.IM-PO-z6  {
 z-index:6;
}

.IM-POLD-LDtext1 {
 animation: IM-POLD-LDtext1;
 animation-iteration-count: infinite;
 animation-duration: 2s;
 animation-fill-mode: forwards;
 animation-timing-function: ease;
 opacity:1;
}

@keyframes IM-POLD-LDtext1 {
  from {opacity:1;}
  50% {opacity:0;}
  to {opacity:1;}
}


.IM-POLD-LDP {
 animation: IM-POLD-LDP;
 animation-delay: 20s;
 animation-iteration-count: 1;
 animation-duration: 1s;
 animation-fill-mode: forwards;
 animation-timing-function: ease;
 overflow:hidden;
 height:calc(1080px - 42px);
 opacity:1;
}

@keyframes IM-POLD-LDP {
  from {height:calc(1080px - 42px);opacity:1;}
  to {height:0px;opacity:0;}
}