是否可以使用CSS在Div框上投影?

时间:2010-07-18 14:46:08

标签: css

在div框周围创建阴影的最简单方法是什么?一位印刷媒体设计师向我发送了这个示例设计:

http://glacialsummit.com/shadow.jpg

正如您所看到的,投影似乎在div框周围“发光”。这很容易用CSS重新创建吗?或者我应该告诉设计师创建它是不切实际的吗?

3 个答案:

答案 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;
}

干杯。