<p>이 질문은 매우 간단하지만 CSS 전환 속성에 대한 적절한 문서를 찾을 수 없습니다. 다음은 CSS 스니펫입니다. </p> <pre class="brush:php;toolbar:false;">.nav a { 텍스트 변환:대문자; 텍스트 장식:없음; 색상:#d3d3d3; 줄 높이:1.5em; 글꼴 크기:.8em; 표시:블록; 텍스트 정렬:가운데; 텍스트 그림자: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: 색상 .2s 선형; -moz-전환: 색상 .2s 선형; -o-전환: 색상 .2s 선형; 전환: 색상 .2s 선형; -webkit-transition: 텍스트 그림자 .2s 선형; -moz-전환: 텍스트 그림자 .2s 선형; -o-전환: 텍스트 그림자 .2s 선형; 전환: 텍스트 그림자 .2s 선형; } .nav a:호버 { 색상:#F7931E; 텍스트 그림자: 0 1.5em 0 rgba(247, 147, 30, 0.15); }</pre> <p>보시다시피 전환 속성은 서로를 덮어씁니다. 현재 텍스트 그림자에는 애니메이션이 적용되지만 색상에는 애니메이션이 적용되지 않습니다. 어떻게 동시에 애니메이션을 만들 수 있나요? 답변해 주셔서 감사합니다. </p>