html css怎么使图片投影成这个样子，如图，后面是一层投影效果_随笔

复制下面代码就可以看到效果了：

前两个属性设置阴影的 X / Y 位移，第3个属性定义阴影的虚化程度，最后一个设置阴影的颜色。现在很对浏览器对css3支持不给力，就像IE现在还不支持阴影效果，但可以上百度搜一个.htc格式文件，链接就可以了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

<style>

.img{

width:142px

height:41px

-webkit-box-shadow: 10px 10px 14px #737373

-moz-box-shadow: 10px 10px 14px #737373

box-shadow: 10px 10px 14px #737373

}

</style>

</head>

<body>

</body>

</html>

需要用电视机的浏览器访问，当然，也可以用投影，用HDMI线连接电视机，把屏幕投影过去，如果开通了内网访问，可以在电视机上输入局域网中主机的IP+文件，例如Mac中会自动将127.0.0.1投影到当前IP地址端口80的，假设局域网IP分配得192.169.1.1，那外网输入

192.168.1.1/index.html就等于主机中127.0.0.1/index.html的效果，欢迎追问，新春快乐！！

box-shadow: 0px 0px 3px 1px rgba(0,0,0,.2)/****1是调整左边位置****/

-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.2)/****2是调整下边位置****/

-o-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.2)/****3是调正模糊度****/

-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,.2)/****4是调正投影大小****/

0px 0px 3px 1px

1234 分别是指以上四个。

rgba(0,0,0,.2) 颜色和透明度

欢迎分享，转载请注明来源：内存溢出

html css怎么使图片投影成这个样子，如图，后面是一层投影效果