Just Do It

  • 홈
  • 방명록

vue transition 1

[Vue] 부드러운 UI 애니메이션 효과 주기

모달창이 열릴 때 애니메이션 효과를 줘보자기존 css로 만드는 법style>.start {  opacity: 0;  Transition: all 1s;}.end {  opacity: 1;}--> style을 주고  div class="start" :class="{ end : modalOpen }">    Modal @closeModal="modalOpen=false;" :원룸들="원룸들" :누름="누름" :modalOpen="modalOpen" />  div>--> class명 넣어주면 끝!      class명을 조건부로 넣으려면 { 클래스명 : 조건 } 으로 사용하면 된다.    :class="{ end : modalOpen }"은  modalOpen이 true 면 end를 클래스명에 넣어라. 라는 ..

Language/Vue.js 2024.05.05
이전
1
다음
더보기
프로필사진

Just Do It

일단 해보는 주니어 개발자의 블로그

  • 분류 전체보기 (54)
    • Language (40)
      • Java (2)
      • Spring (0)
      • Vue.js (14)
      • React.js (24)
      • JavaScript (0)
    • CS (7)
      • Network (7)
      • OS (0)
      • Algorithm (0)
    • DB (1)
      • MSSQL (1)
    • 정보처리기사 (6)

Calendar

«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

최근댓글

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바