transition

transition tag

• element enter, leave에 따라서 적용할 애니메이션 또는 트랜지션을 걸 때 사용

transition 명령어

• transition tag와는 다르게 어떤 css 요소의 변화를 감지하고 duration과 accelator등에 변화를 줄 수 있음

이슈

• 어떤 컴포넌트에 transition tag로 래핑을 해둔 상황에서 해당 컴포넌트에 직접적으로 transition을 걸어두면 transition 태그에 걸어둔 기능들이 작동하지 않게된다. 이 경우에는 어쩔 수 없이 transition css 명령어의 대상을 all로 해둬야 모두 동작하게 된다.