我正在做一个项目,我希望设计"顺畅".为此,我使用CSS渐变.但是,我不确切知道如何实现我想要的.我的CSS代码如下:
#wrapper .midcontainer
{
width: 1000px;
margin: 20px auto;
}
#wrapper .midcontainer .mid
{
width: 980px;
background: #2d2929;
position: relative;
}
#wrapper .midcontainer .mid .left
{
background: #2d2929;
background: -webkit-linear-gradient(right, #2d2929, #e0e0e0);
background: -o-linear-gradient(right, #2d2929, #e0e0e0);
background: -moz-linear-gradient(right, #2d2929, #e0e0e0);
background: linear-gradient(right, #2d2929, #e0e0e0);
width: 10px;
height: 100%;
position: absolute;
left: -10px;
}
#wrapper .midcontainer .mid .right
{
background: #2d2929;
background: -webkit-linear-gradient(left, #2d2929, #e0e0e0);
background: -o-linear-gradient(left, #2d2929, #e0e0e0);
background: -moz-linear-gradient(left, #2d2929, #e0e0e0);
background: linear-gradient(left, #2d2929, #e0e0e0);
width: 10px;
height: 100%; …Run Code Online (Sandbox Code Playgroud)