• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Vue 게시판 vue애니메이션 관련 질문드립니다!

vue애니메이션 관련 질문드립니다!

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #28464

    윤준호
    참가자

    transition사용해서 하는 건 잘되는데... css로 하는 건 왜 안되는지 모르겠습니다.. 굳이 css로 하는 거 안 쓰면 

    transition쓰세요라고 해주셔도 됩니당

     

    template단은

      <div class="start end">
        <TheModal @closeModal="모달창상태 = false" :원룸들="원룸들" :누른거="누른거" :모달창상태="모달창상태"/>    <!-- prop 사용법 => ??? :작명="사용할 데이터-->
      </div>

     

    그리고 style단은

    .start{   /*모달창 애니메이션*/
      opacity: 0;
      transition: all 3s;

    }

    .end{
      opacity: 1;
    }

    으로 했는데 애니메이션이 적용이 왜 안될까요.....?

    #28472

    codingapple
    키 마스터

    모달창이 안보일 때는 end 클래스명제거

    보일 때 end라는 클래스명을 추가해달라고 코드짜면 됩니다 

    #28583

    윤준호
    참가자

    ㄷㄷㄷ 잘 감이 안와서 그러는데 어떻게 할지 좀더 구체적으로 설명 부탁드려도 될까요?

     

     

    #28613

    codingapple
    키 마스터

    <div :class="{클래스명 : true}"> 

    우측이 true면 클래스명이 붙고 false면 안붙습니다

    이거말고도 조건에따라 class명 부착하는 방법은 여러가지입니다 

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠