웹UI/HTML_CSS
HTML/CSS - animation-fill-mode (애니매이션 실행 후 멈추기)
nomfang
2021. 3. 29. 11:58
728x90
반응형
.interview li{
position: relative;
left: 0;
animation: slider 1s;
animation-fill-mode: forwards; /* 애니매이션 실행 후 상태에서 정지 */
}
@keyframes slider{
to{
transform: translateX(-100%);
}from{
left: 0px;
}
}
반응형