HTML,CSS background: linear-gradientについて

Question

前提・実現したいこと

backgrondのグラデーションを左から三色指定して表示させたいです

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

<div class="contact">
            <h2 class="contact-title">お問い合わせ</h2>
            <p class="contact-sub">CONTACT</p>
            <p class="contact-txt">コーディングの人出が足りないとき、 あなたの力になります</p>
            <a href="#!" class="link-btn nav-btn">お問い合わせ</a>
        </div>

.contact{
  background: linear-gradient(left, #05A5FA,#63FBD7, #67FFD6,); 
} 

試したこと

background: linear-gradient(left, #05A5FA, #67FFD6,); の２色にしたところちゃんと表示されました

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[miyabi_pudding]

最後のカラーコード最後のカンマ（,です）は余計ですが、それを取ってもダメですか？

[koara33]

早速回答ありがとうございます、（，）消しても何も起こりませんでした

Answer 1

left → to left で解消しないでしょうか。

.contact{
  background: linear-gradient(to left, #05A5FA,#63FBD7, #67FFD6); 
} 

Comments

[koara33]

to をつけて直りました。長い時間ググって解決できなかったので助かりました。
本当にありがとうございました

[mai1210]

解決したようでよかったです。

linear-gradientは、FireFoxとwebkitブラウザ向けにベンダープレフィックスも書いておくケースが多いです。

ベンダープレフィックスの場合はtoは付けません。（その代わり方向の記述が逆になります）

https://saruwakakun.com/html-css/basic/linear-radial-gradient

[koara33]

maiさん、詳しくありがとうございます
教えてもらったurlをちゃんと読んで理解しました。to bottom なのがベンダープレフィックスではtopになってました。きおつけます。