• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

모달창 띄울 때 트랜지션 효과

20.07.13 11:58 작성 조회수 407

1

모달창을  닫을 때는 트랜지션 효과가 적용이 되는데, 모달창을 띄울 때에는 선생님의 화면과 달리 트랜지션 효과 없이 모달창이 오픈됩니다.

vue.js 공식 사이트의 예시에서도 동일합니다. 이 부분은 어떻게 수정해야 오픈 시에도 이펙트를 적용할 수 있을까요?

답변 1

답변을 작성해보세요.

0

안녕하세요 cm-lee님, 좋은 질문이네요. 말씀해주셔서 CSS 코드를 다시 살펴보니 모달 창으로 진입할 때는 별도의 트랜지션 효과가 없는 것 같습니다. 아래 링크와 동일하게 동작하고 있다면 크게 신경 안쓰셔도 될 것 같아요 :)

https://codesandbox.io/s/github/vuejs/vuejs.org/tree/master/src/v2/examples/vue-20-modal-component?from-embed=&file=/style.css