在div框周围创建阴影的最简单方法是什么?一位印刷媒体设计师向我发送了这个示例设计:
http://glacialsummit.com/shadow.jpg
正如您所看到的,投影似乎在div框周围“发光”。这很容易用CSS重新创建吗?或者我应该告诉设计师创建它是不切实际的吗?
答案 0 :(得分:8)
Yes, it is possible,即使在IE6中也是如此。
答案 1 :(得分:2)
It is possible with CSS3。但是浏览器仍然使用自己的CSS属性名称。
答案 2 :(得分:1)
是的,CSS3可以实现。以下是样本:
selector {
-moz-box-shadow: 5px 5px 10px #666;
-webkit-box-shadow: 5px 5px 10px #666;
box-shadow: 5px 5px 10px #666;
}
除了IE之外,还可以在大多数主流浏览器中使用。
以下是解释:
selector {
box-shadow: x-coordinate y-coordinate blur-radius color;
}
干杯。