質問: 要素に複数のcssトランジションを追加する方法 それはかなり簡単な質問ですが、私はcssトランジションプロパティに関する非常に良いドキュメントを見つけることができません。これがcssスニペットです。 .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); } ご覧のとおり、トランジションプロパティはお互いを上書きしています。現状では、テキストの影はアニメーションしますが、色は変わりません。両方を同時にアニメートするにはどうすればよいですか。答えてくれてありがとう。
回答: また、次のようにしてもかなり簡単にできます。.nav a { -webkit-transition: all .2s; }