2021-09-06 (147일차) 포트폴리오 작업 중 intro + portfolio, 탭메뉴에 따라 화면이 전체적으로 바뀌는 효과

포트폴리오 작업 중 intro + portfolio

유용한 소스코드 27강 (탭메뉴에 따라 화면이 전체적으로 바뀌는 효과)

 

 

포트폴리오 코딩 작업 중 (intro + portfolio)

intro에는 영상이 들어간다. 

codepen으로 임시작업 중이라 아직 영상으론 넣지 못하고 사진으로 대체했다.

intro위에 부분에 좋아하는 명언을 띄웠다.

피그마 프레임 안에서 저장해서 프레임 아래에 깔린 백그라운드랑 같이 추출이 돼서

프레임에서 꺼내서 명언 개체만 따로 추출했다. 몰랐던 점을 알아내서 기쁘다!

portfolio 부분 코딩을 시작했다.

스와이퍼 슬라이드에 대해 배울 때 잘 못해내고 재미도 못 느껴서 두려움이 많았다.

하지만 내가 하고 싶은 작업을 해내다 보니 하나하나 공책에 계산해가며 만들어보니 금방 뚝딱 만들어냈다.

역시 재미를 느끼는 것이 중요한 것 같다! ㅎㅅㅎ

그리고 영화 컨셉이라 포트폴리오 부분에 커튼이 열리는 효과를 absolute left를 이용하여 줬다.

원하는 대로 표현을 만들어낸다는 게 참 신기하고 재밌다.

내일은 artwork부분 스와이퍼 슬라이드를 만들어야겠다!!

 

- 탭메뉴에 따라 화면이 전체적으로 바뀌는 효과

See the Pen by jhs (@jangka44) on CodePen.