html1 html/css 코딩애플과제 - 어려웠던 것들(2) sidebar 코딩애플 html/css 최종과제 사이드바 부분이다. 왼쪽에 fix로 붙어있고 마우스를 올렸을 때 width가 늘어나면서 애니메이션을 추가하였다. 오늘 이걸 만들기 위해서 내가 어려웠던 부분들을 정리하고자 한다. HTML 우선 html을 이렇게 짜보았는데 처음에는 div로 만들었지만 시멘틱하게 aside로 만들어보았다. Home Service Alerts State sidebar 만드는 순서 처음에는 sidebar를 작게 만들고 커서를 갖다대면 크게 만들려고했다. 그렇게하면 애니메이션을 어떻게 넣어야할지 감이 잡히지 않았다. 그래서 width를 크게 잡아 만들고 transform: translateX(-100px)를 넣어서 작은부분도 처리하였다. hover가 되면 transform: tra.. 개발/개발일지 2023. 6. 28. 이전 1 다음