modal 닫히는 속도를 느리게 하고자 합니다. 채택완료
oneit
3년 전
조회 1,990
<a href="#exampleModal4" class="sns_g slow" data-toggle="modal" data-dismiss="modal">
이렇게 해서 닫힘 버튼과 exampleModal4가 다음으로 나오게 하는데 modal 사라지는 속도와 다음 모달 나오는 속도가 너무 빠릅니다.
속도를 느리게 하려고 하는데 setTimeout으로 하는지 아니면 hide속성으로 느리게 할 수 있는지 문의드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
답변에 대한 댓글 4개
o
oneit
3년 전
f
frontDeveloper
3년 전
보여주신 링크를 기준으로 말씀드리자면
.modal-dialog에 transition : transform 0.3s ease-out,-webkit-transform 0.3s ease-out,-o-transform 0.3s ease-out
속성이 들어가있습니다.
이것들을 transform 1.3s ease-out,-webkit-transform 1.3s ease-out,-o-transform 1.3s ease-out
으로 바꿔보세요
.modal-dialog에 transition : transform 0.3s ease-out,-webkit-transform 0.3s ease-out,-o-transform 0.3s ease-out
속성이 들어가있습니다.
이것들을 transform 1.3s ease-out,-webkit-transform 1.3s ease-out,-o-transform 1.3s ease-out
으로 바꿔보세요
o
oneit
3년 전
감사합니다. 해결을 하였습니다. transition을 새롭게 알게 되었습니다.
o
oneit
3년 전
한가지 더 여쭤보고자 합니다. 위의 코드를 수정하면 모달창이 나올때 적용이 됩니다.
그리고 모달창 닫기를 눌렀을 때 속도를 같이 느리게 적용하려면 코드를 더 추가 해야 하는지 문의드립니다.
close 버튼이나 닫기 눌렀을 때는 속도가 빨라서 문의드립니다.
delay를 써야 하는지 fade-out을 써야 하는지 막혀서 문의드립니다.
그리고 모달창 닫기를 눌렀을 때 속도를 같이 느리게 적용하려면 코드를 더 추가 해야 하는지 문의드립니다.
close 버튼이나 닫기 눌렀을 때는 속도가 빨라서 문의드립니다.
delay를 써야 하는지 fade-out을 써야 하는지 막혀서 문의드립니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
https://www.w3schools.com/bootstrap/bootstrap_modal.asp
기본적으로 제공되는 모달을 쓰고 있는데 close 눌렀을 때 사라지는 속도를 조금 늦추고자 합니다.