css书写一个box,怎么使得盒子上方有透明度，下方没有透明度

.box {
width: 200px;
height: 200px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}

//效果