Svelte アプリケーションの背景をグラデーションにしたいと考えています。これは、この Web サイトで気に入ったグラデーションです: https://uigradients.com/#JShine。Web サイトから提供された HEX コードをコピーし、次のようにグローバル CSS ファイルに配置しました。
body {
background: linear-gradient(#12c2e9,#c471ed,#f64f59);
margin: 0;
padding: 2rem;
}
グラデーションの途中で色の変化が非常にはっきりしている理由を理解できません。名前のグラデーションの言及のように全体に均等にしたい. 私が間違っていることを理解していません。それほど厳しい線ではなく、均一なグラデーションが必要です。私のページが現在どのように見えるかの画像を添付しました。
注: ページにコンテンツはありますが、画像にテキストを含めたくなかったので、スクリーンショットを作成するコンテンツがないページのスペースを見つけました。また、これはCSSの質問であることは承知していますが、実際にSvelteを使用してコードを書いているので違いがあるかどうかはわかりませんので、そのタグも追加しました.
