代码之家 › 专栏 › 技术社区 › Miomir Dancevic

Css渐变背景阴影

gradient css

Miomir Dancevic · 技术社区 · 7 年前

我需要使css梯度看起来像这样,我已经尝试了许多在线制造商,但没有设法使它看起来完全像这样?

2 回复 | 直到 6 年前

Temani Afif 7 年前

你可以借助 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;
       
}