편집 요약 없음 |
편집 요약 없음 |
||
| 2번째 줄: | 2번째 줄: | ||
animation: IM-POLD-LDbar2; | animation: IM-POLD-LDbar2; | ||
animation-iteration-count: infinite; | animation-iteration-count: infinite; | ||
animation-duration: | animation-duration: 1s; | ||
animation-fill-mode: forwards; | animation-fill-mode: forwards; | ||
transition: .2s ease; | transition: .2s ease; | ||
| 9번째 줄: | 9번째 줄: | ||
@keyframes IM-POLD-LDbar2 { | @keyframes IM-POLD-LDbar2 { | ||
0% {background-image:linear-gradient(to right, white 0.5%, transparent 0.5%);} | |||
to {background-image:linear-gradient(to right, white 100%, transparent 100%);} | 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%);} | |||
} | } | ||
2023년 9월 18일 (월) 20:29 판
.IM-POLD-LDbar2 {
animation: IM-POLD-LDbar2;
animation-iteration-count: infinite;
animation-duration: 1s;
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;
}