要素に CSS トランジションを設定しており、すべてのプロパティが影響を受けています。どのCSSプロパティが変わるかは前もって分からないので、性能の問題とはいえ「すべて」を使うしかない。
.a {
transition: all 0.5s ease-in-out;
}
ただし、特定のプロパティに、他のすべてのプロパティとは異なる独自の遷移設定を持たせたい:
.a {
transition: all 0.5s ease-in-out, margin-top 5s linear;
}
transition-propertyの W3C 文法によれば、'all' が指定された後に他の値を許可する必要があります。
ただし、これは Firefox (18) と Opera (12) では機能しないようです。Chrome/Safari (接頭辞付き) および IE10 で正しく動作します。
これは、動作を示すフィドルです: http://jsfiddle.net/F7tb5/3/
変更される可能性のあるすべてのプロパティを手動で列挙することなく、最新のすべてのブラウザでこれを機能させる方法はありますか?