코드공부방

역동적인 이미지 로드 (현대차 N Brand website) UI Clone 웹서핑을 하다가 현대차 N Brand 사이트를 발견하게 되었다. 메인페이지의 시작부터 꽤 역동적인 영상이 나와 시선을 끌기 충분했다. 한참을 넋 놓아 보다가 정신차리고 스크롤을 내렸다. 그러던 중 눈에 띄던 효과가 있었다. 바로 사진 노출 전 컬러풀한 박스가 이미지 영역을 스캔(?)한 뒤 동시에 이미지가 나타나는 하는 효과였다. 엄청난 효과는 아니지만 뭔가 다이내믹해 보이는게 사이트 컨셉과 딱 맞아떨어졌다. 아래 사이트 링크에서 확인할 수 있다. https://www.hyundai-n.com/ N Brand High Performance Cars | Hyundai N Welcome to Hyundai N's official wo..