CSS 왼쪽 이동 키프레임

CSS 키프레임 페이드인 왼쪽 이동

@keyframes fade_in_left {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 10;
        transform: translateZ(0);
    }
}

.ani_fade_in_left {
    position: relative;
    animation: fade_in_left 4s;
}

키프레임을 만든후 class 에서 불러와 사용이 가능하다.

js로 응용하여, 이벤트로 만들수도 있다.