Css 渐变背景阴影

Question

我需要让 css 渐变看起来像这样，我尝试了很多在线制造商但都没有设法使它看起来完全像这样？

Answer 1

的帮助

body{
        background: rgba(204,242,191,1);
        background: -moz-linear-gradient(top, rgba(204,242,191,1) 0%, rgba(74,179,32,1) 50%, rgba(172,214,101,1) 51%, rgba(211,255,140,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,242,191,1)), color-stop(50%, rgba(74,179,32,1)), color-stop(51%, rgba(172,214,101,1)), color-stop(100%, rgba(211,255,140,1)));
        background: -webkit-linear-gradient(top, rgba(204,242,191,1) 0%, rgba(74,179,32,1) 50%, rgba(172,214,101,1) 51%, rgba(211,255,140,1) 100%);
        background: -o-linear-gradient(top, rgba(204,242,191,1) 0%, rgba(74,179,32,1) 50%, rgba(172,214,101,1) 51%, rgba(211,255,140,1) 100%);
        background: -ms-linear-gradient(top, rgba(204,242,191,1) 0%, rgba(74,179,32,1) 50%, rgba(172,214,101,1) 51%, rgba(211,255,140,1) 100%);
        background: linear-gradient(to bottom, rgba(204,242,191,1) 0%, rgba(74,179,32,1) 50%, rgba(172,214,101,1) 51%, rgba(211,255,140,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf2bf', endColorstr='#d3ff8c', GradientType=0 );
                
        margin:0;
        height:100vh;
       
}

Answer 2

我遵循一个简单易用的网站来快速轻松地生成我的渐变。很好 UI 并且易于使用。

Gradient Generator

祝你好运。

Css 渐变背景阴影

Css gradient background shadow

css

gradient