프로필카테고리질문하기
로그인 계정 만들기

CSS transition 여러개 적용하는 방법

03 개월 전

transform-여러개-적용하는-방법 질문에서 transform을 여러개 설정하는 방법을 배웠습니다.

그런데 transition을 여러개 적용하려면 어떻게 하면 되나요? 예를들어 이렇게 하면 적용이 안돼요.

.element { transition: color 0.2s ease-in-out transform 0.4s ease-in-out; }
답변하기 의견 추가
의견 (0)
더 많은 의견 보기

답글 (1)

393 개월 전
transition 들을 쉼표로 구분해서 여러개 적용할 수 있어요.
.element { transition: color 0.2s ease-in-out, transform 0.4s ease-in-out; }

참고로 transition들이 많은 경우 한번에 모두 transition을 적용할 수도 있어요.

.element { transition: all 0.2s ease-in-out; }
의견 추가
의견 (0)
더 많은 의견 보기