css盒子外部投影 |css3背景渐变透明

要实现盒子外部投影，大家需要使用box-shadow属性，其语法如下：

box-shadow: h-shadow v-shadow blur spread color inset;

其中，h-shadow和v-shadow用于定义水平和垂直方向的偏移量，blur用于设置模糊度，spread用于设置投影的尺寸，color用于设置投影的颜色，inset用于设置是否将投影设置成内部投影。

下面是一个简单的例子，用于演示如何实现一个红色背景的盒子外部投影：

.box {
background-color: red;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
padding: 20px;
width: 200px;
height: 200px;
}

在上述代码中，大家首先定义了一个红色背景的盒子，然后通过box-shadow属性设置了一个深灰色的投影，然后再为盒子设置了一些padding、宽度和高度。

最后，需要注意的是，盒子外部投影并不是所有浏览器都支持的，因此在使用时需要注意兼容性问题。