cssこのコードの意味

Question

-webkit-transition: background-color 9999s;
transition: background-color 9999s;

このコードの意味を教えてください(><)
1行目はbackgroundcolorにアニメーションを適用させてる？んですか
9999sは9999秒?ですか(><)
全体的によく意味がわからないです...

追記

回答ありがとうございます(>_<)
でもこれ、background-colorを何色にするか書いてなくてモヤモヤします
一応このコードを使って見たら白になったんですけど
あとこれって、一行目のコードだけ、あるいは二行目のコードだけで足りることを二通りの書き方で書いているのですか

追記2
"時間として指定される最初の値はtransition-durationに割り当てられ、"
"transition-durationプロパティは、変化に掛かる時間を指定する際に使用します。 "

であるならば、backgroundcolorが適用されるまでにかかる時間を指定しているのですかね

このコードはinput type="text"の色がchromeでデフォルトで黄色になるのを回避するためのコードなのですが、99999後に黄色がかかるようにすることで黄色になるのを回避して白にしているということなのでしょうか

Answer 1

このコードはinput type="text"の色がchromeでデフォルトで黄色になるのを回避するためのコードなのですが、9999秒後に黄色がかかるようにすることで黄色になるのを回避して白にしているということなのでしょうか

まさしくそういうことです。Chromeではブラウザ内部で持っているスタイルシートが優先されて、autofillで黄色にされてしまうのが単なるCSSの上書き定義では避けられないため、transition: background-color 9999s;とすることで、色が変わるのが気が付かないくらいに、黄色になるまですごく時間がかかるように仕向ける、というハックになっているようです。

Comments

[退会済みユーザー]

なるほどです、ありがとうございます(>___<)

Answer 2

そうです。
あまりに長すぎて待っていられないと思いますが。

transition
https://developer.mozilla.org/ja/docs/Web/CSS/transition

Answer 3

1行目はbackgroundcolorにアニメーションを適用させてる？んですか 9999sは9999秒?ですか(>_<)

そのとおりです。↓以下をご参照ください。

transitionプロパティでは、 transition-property、 transition-duration、 transition-timing-function、 transition-delay の各プロパティの値を、まとめて指定することができます。

transition－CSS3リファレンス

この場合、transition-property:background-color transition-duration:9999sと同じです。
時間の単位はこちら↓
<time> - CSS | MDN