web-dev-qa-db-ja.com

特定の属性のcss3遷移遅延

現時点では、ホバーで背景色とフォントの色を変更してテキストボックスをスタイリングしています:

transition: background-color 1s, color 1s;

遷移遅延を使用して、背景色の後に色を変更したいと思います。問題は、移行の遅延が、遅延したいプロパティ(つまり色)をとらないことです。特定の属性のみを遅延させる方法はありますか?

41
test

遷移遅延はプロパティ固有です。

例えば

transition: background-color 1s linear 2s, color 1s;
transition: property name | duration | timing function | delay

速記を使用する場合は、タイミング関数も指定する必要があるようです。

ソース

79
noponies