<p>这是一个非常直接的问题，但是我找不到关于CSS过渡属性的很好的文档。以下是CSS片段：</p> <pre class="brush:php;toolbar:false;">.nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; -webkit-transition: text-shadow .2s linear; -moz-transition: text-shadow .2s linear; -o-transition: text-shadow .2s linear; transition: text-shadow .2s linear; } .nav a:hover { color:#F7931E; text-shadow: 0 1.5em 0 rgba(247, 147, 30, 0.15); }</pre> <p>如您所见，过渡属性会互相覆盖。目前，文本阴影会动画显示，但颜色不会。我该如何使它们同时动画显示？感谢任何答案。</p>

.nav a {
    transition: all .2s;
}

.nav a {
  transition: color .2s, text-shadow .2s;
}

transition: color .2s linear, text-shadow .2s linear;

transition-property: color, text-shadow;
transition-duration: .2s;
transition-timing-function: linear;