반응 중인 구성 요소에 대한 애니메이션 효과를 만드는 방법은 무엇입니까? 예를 들어 간단한 대화 상자의 경우 취소를 클릭하면 대화 상자가 먼저 희미해졌다가 사라지기를 바랍니다.
jquery를 사용하는 경우 매우 간단합니다. 먼저 애니메이션({ //Fade CSS}, function(){ //Delete DOM})을 실행합니다.

근데 리액션은 어떻게 해야할지 모르겠어요. 전체 구성 요소 DOM이 존재하고 CSS 애니메이션만 사용하여 표시를 전환하고 숨길 수 있습니까?

조언 좀 부탁드려요