알씨타운

​ ​ 안녕하세요 알씨타운입니다! :) 엔씨소프트(NC)가 최근에 공식 브랜드 미디어 'NC PLAY'를 오픈했습니다. 그 동안 'NC 공식 블로그'였던 곳을 리뉴얼해 PC,MOBILE 반응형 웹페이지를 구성해서 웹분석을 해보고자 합니다~ ​ ​ ​ https://about.ncsoft.com/play 메인페이지 ​ ​ 메인 최상단에는 동영상이 삽입되어 있습니다. 동영상이 반응형에 따라 크기가 변화되는데 부모 태그를 밖에 감싸고 object-fit : cover를 사용해서 크기가 줄어들거나 크기가 커지면 그 크기에 맞게 cover됨을 알 수 있습니다. ​ ​ ​ ​ scroll 이벤트가 되면 바로 아래로 내려가지 않고 동영상의 크기가 점차 줄어들고, 동영상 뒤 이미지 나타나면서 동영상을 감싸고 있던 배경..