CSS3阴影

我正在尝试使用阴影创建对象。我相信你需要CSS3来做到这一点，并且我有这样的东西。CSS3阴影

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

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

<div></div> 

</body> 
</html>

来源

2012-07-14 John Doe

添加这种风格到您的div标签

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

来源

2012-07-14 01:02:31

你应该真的包含webkit。 – 2012-07-14 01:05:12

添加框阴影：

#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岁，它不会与他们合作。

来源

2012-07-14 01:04:23

为什么包含实际的css3 box-shadow两次？任何原因？ – 2012-07-14 01:05:42

我在哪里包含两次？你也可以喜欢我的问题，所以我可以批准你的答案。我是这个网站的新手:) – 2012-07-14 01:07:47

回答

相关问题