Question

我正在尝试使用投影创建一个对象。我相信你需要CSS3才能做到这一点，到目前为止我有类似的东西。

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

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

<div></div>

</body>
</html>

Answer 1

添加框阴影：

#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是旧的，它将不适用于它们。

Answer 2

将此样式添加到div标签

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

CSS3投影

2 个答案: