文章/答案/技术大牛

发布

问CSS3投影
EN

Stack Overflow用户

提问于 2012-07-14 09:01:22

回答 2查看 434关注 0票数 2

我正在尝试创建一个带有投影的对象。我相信你需要CSS3来做这件事，到目前为止我有类似的东西。

<!DOCTYPE html>
<html>
<head>
<style type="text/css"> 
div
{
width:300px;
height:100px;
background-color:yellow;

}
</style>
</head>
<body>

<div></div>

</body>
</html>

css

dropshadow

回答 2

Stack Overflow用户

发布于 2012-07-14 09:04:24

添加长方体阴影：

#thediv 
{
    width:300px;
    height:100px;
    -moz-box-shadow: 10px 10px 5px #888; /* firefox shadows*/
    -webkit-box-shadow: 10px 10px 5px #888; /* chrome / safari shadows */
    box-shadow: 10px 10px 5px #888; /* general browser support */
}

在this fiddle上的例子，但需要注意的是，由于这是CSS3和IE6/7是旧的，它将不能与他们一起工作。

票数 4

Stack Overflow用户

发布于 2012-07-14 09:02:32

将此样式添加到div标记中

-moz-box-shadow: 10px 10px 5px #888888; 
/* Firefox 3.6 and earlier */
box-shadow: 20px 20px 55px #888888;

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11480130

复制

相似问题

问CSS3投影
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3投影EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3投影
EN