50projects

오늘부터 가장 기본이자, 중요한 HTML, CSS, Vanilla JS 만을 사용하여 심플한 프로젝트를 시작한다.오늘 프로젝트는 클릭시 확장되는 이미지 카드를 작업했다.✔️ 체크flex CSS 속성은 하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위

버튼 클릭시 상태값이 변하는 Progress Steptransform속성으로 요소에 회전, 크기조절, 기울이기, 이동효과를 부여할 수 있다.0.4초뒤에 나타난다.

네비게이션 클릭시 화면이 회전하면서 사이 공간에 메뉴들이 나올 수 있게 개발해보았다.본문은 상단좌측 포인트를 중심으로 회전하기 때문에 transform-origin값을 top left로 주었다.그리고 네비게이션 메뉴가 보일 수 있도록 translateX 를 이용해 이동