반응형 TRANSITION2 [vuejs] 애니메이션(animate) transition ※ 모달창에 애니메이션을 추가 ※ vue에서 제공하는 transition으로 구현 1. App.vue 2. 출력화면 2023. 1. 7. [toy project]UI 확인, 움직이지 않는 헤더, 검색창 만들기 ※ 작업환경은 brackets에서 html, css를 작업하고 vuejs로 조정 ※ transition 은 vue 문법을 따라 했다. ※ index.html 에 폰트 어썸, 부트스트랩 추가 ※ 모바일환경에서 보기 위해서 가로 320px에서 확인을 하면서 만듦 ※ max-width는 767px이다 #app { box-sizing: border-box; max-width: 767px; font-family: "Spoqa Han Sans Neo", "Arial"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin: auto; width: 100%; } 1.. 2023. 1. 7. 이전 1 다음 반응형