멋진 홈페이지들을 탐색하던 중 괜찮아 보이는 효과를 발견해서 직접 구현해 보았습니다. 다음과 같은 효과를 구현하기 위한 구조와 방식은 다양하겠지만, 저는 단순하게 구현하였습니다. div 안에 inner_div를 두고 첫번째줄의 inner_div에게는 left -100% 를 두번째 줄의 inner_div에게는 left 100%를 주어, 동시에 left: 0이 될때 다음과 같은 액션이 일어나도록 하였습니다. class하나로 컨트롤 했기 때문에 javascript은 단순히 class만 추가해 주면 됩니다. 1. html Click Me 2. css html,body{ width:100%; height:100%; } * { padding:0; margin:0; } .wrapper{ position: relati..
