[css]링크 이동간 자연스러운 페이지 전환

안녕하세요. 샌드위치 입니다. 오늘은 링크를 통한 페이지 이동간 자연스러운 페이지 전환에 대해서 이야기 해보고자 합니다. 고객들이 많이 요청하는 것 중 하나가 페이지 이동시 부드러운 화면 전환을 손꼽습니다. 사실 링크가 이동 하게 되면 새로운 랜더링을 하기 때문에 부드러운 화면 전환 효과를 자연스럽게 하기에는 약간 무리가 있습니다. 내부 페이지 안에서의 전환은 이미 모두 랜더링이 된 요소를 가지고 효과를 적용하기 때문에 얼마든지 자연스럽게 전환 효과를 줄 수가 있습니다. 하지만 링크간 이동시의 화면전환은 그렇지가 않습니다. 서로 전혀 다른 페이지라 새로운 랜더링을 하기 때문에, 링크 이동시에는 뚝 뚝 끊기는 느낌이 들 수 밖에 없습니다. 더군더나 랜더링 되고 있는 요소가 있다면, 깜박이는 플리커 느낌도 들 수가 있습니다. 그래서 이를 교묘하게? 자연스럽게 전환 되는 느낌을 주어야 하는데, 대표적으로 페이드인, 페이드아웃으로 투명도 조절을 사용 합니다. 제가 사용한 방법은 아래와 같습...

원문링크 : [css]링크 이동간 자연스러운 페이지 전환