[英]Css left side of a div brighter?
我有一个div,它是我的半网站的包装,在左侧有一个类别列表。 包装纸本身为灰色。
我想要的是它会从灰色切换到白色。 这是我想要的示例图像:
有针对这个的解决方法吗?
编辑
如果它有任何帮助,这是我的包装的css:
#wrapper{
width: 980px;
margin: 0 auto;
background: #f3f3f3;
}
如果我理解正确,你正在寻找一种添加渐变的方法。 下面是一个从左到右的渐变的CSS,颜色为#FFFFFF
到#F3F3F3
。
请注意,渐变尚未标准化,许多浏览器都有自己的实现。 这就是为什么有多个指令(Opera的前缀为-o-,Mozilla的-moz-等):
#wrapper {
...
background-image:
linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
background-image:
-o-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
background-image:
-moz-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
background-image:
-webkit-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
background-image:
-ms-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0.35, rgb(255,255,255)),
color-stop(0.84, rgb(243,243,243))
);
}
这是一个方便的CSS Gradient Generator
你需要的是渐变。
试试这个生成器或只是阅读它们
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.