顶部和底部的线性渐变相似

Question

如何在div的底部制作div的顶部相同的线性渐变

这里是一个FIDDLE我只是做顶部我希望在我的div的底部相同

HTML：

<div></div>

CSS：

div {
    width:300px;
    height:400px;
    margin: auto;
    background-image: linear-gradient(white, rgb(215, 223, 236) 10%);
    border: 1px gray solid;

}

Answer 1

喜欢这个

JSFiddle

div {
    width:300px;
    height:400px;
    margin: auto;
    background-image: linear-gradient(
        white, 
        rgb(215, 223, 236) 10%,
        rgb(215, 223, 236) 90%,
        white);
    border: 1px gray solid;

}