css - 辐射梯度中的 strip 太明显

Question

我需要创建一个与下图完全一样的网页: http://imgur.com/40TiQiY.jpg

我目前所做的: http://imgur.com/uBaaten.png

body {
 background: red; /* For browsers that do not support gradients */
 background: -webkit-radial-gradient(#EF4747 0%, #7E2424 100%); /* Safari 5.1     to 6.0 */
 background: -o-radial-gradient(#EF4747 0%, #7E2424 100%); /* For Opera 11.6 to 12.0 */
 background: -moz-radial-gradient(#EF4747 0%, #7E2424 100%); /* For Firefox 3.6 to 15 */      background: radial-gradient(#EF4747 0%, #7E2424 100%); /* Standard syntax */
}

第二张图径向渐变的 strip 太明显了。我怎样才能改进我当前的代码，使它看起来像第一张图片？

感谢任何帮助! :)

Answer 1

使用了一些 RGB 值而不是十六进制值，我希望这是您要找的东西。

https://codepen.io/anon/pen/bpNLLJ

body {

    background: -webkit-radial-gradient(circle, rgb(255, 156, 156), rgb(255, 0, 0));
    height: 1000px; 
    width: 1000px