부트스트랩 class 변경을 자연스럽게 보이도록 수정이 가능할까요?

Question

안녕하세요 초보 개발자입니다.문의 드리고 싶은 내용은 부트스트랩 사용 하여 너비 지정을 한 이후 script를 통하여 변경을 하였을때수정 내용을 애니메이션 효과 등 사용자들이 변한다는 느낌을 줄수있도록 수정이 가능할까요???(글로 적으면서 내용이 이상하긴 한데.... 예시로 내용 설명 드리겠습니다.)ex)

TEST DIV

$("#divA").removeClass("w-50");$("#divA").addClass("w-100");위의 내용으로 밖에 아는 방법이 없어 수정 하였습니다.divA 를 부트스트랩 w-50 에서 w-100으로 변경을 하는 과정에서 애니메이션 효과를 줄수있을까요??도움 부탁드립니다 ㅠㅠ

doru · Answer

?transition 속성은 써보셧나요

Clickin · Answer

transition을 한번 줘봐서 테스트해보시는 건 어떤가요참조자료 https://stackoverflow.com/questions/42979772/bootstrap-4-animate-column-width-change참조자료 링크 본문 중 테스트링크 https://www.codeply.com/go/IHUZcvNjPS

스프라이트마시쪙 · Answer

css #divA{ transition all 0.3s } 이렇게 넣으면 동작할거같고 추가적으로 transitoin 속성 보시면서 커스텀 하시면될거같아영

부트스트랩 class 변경을 자연스럽게 보이도록 수정이 가능할까요?

3개의 답변

Q&A 목록