css 좌측에서 우측으로 나타내기 애니메이션

좌측에서 우측으로, 우측에서 좌측으로 이렇게 나타내는 애니메이션은 @keyframe - fade in 애니메이션을 이용해서 만들 수 있는데 transform 값이 들어간다. 1. 좌측 -> 우측 @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translateZ(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translateZ(0); } } /* mainpage : app_main_intr..