Css gradient background shadow

Question

I need to make css gradient to look like this, I have tried many online makers but didn't manage to make it to look exactly like this?

Answer 1

You can use the help of gradient-generator

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

I follow a simple and easy to use site to generate my gradients fast and easy. Good UI and easy to use.

Gradient Generator

Good luck.