틀:POLD/styles.css: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
11번째 줄: 11번째 줄:
   0%  {background-image:linear-gradient(to right, white 0.5%, transparent 0.5%);}
   0%  {background-image:linear-gradient(to right, white 0.5%, transparent 0.5%);}
   10%  {background-image:linear-gradient(to right, white 1%, transparent 1%);}
   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%);}
   70%  {background-image:linear-gradient(to right, white 97%, transparent 97%);}
   80%  {background-image:linear-gradient(to right, white 98%, transparent 98%);}
   80%  {background-image:linear-gradient(to right, white 98%, transparent 98%);}

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

.IM-POLD-LDbar2 {
 animation: IM-POLD-LDbar2;
 animation-iteration-count: 1;
 animation-duration: 10s;
 animation-fill-mode: forwards;
 transition: .2s 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;
}