Css 边框半径/边框/框阴影高级

在哪里可以找到有关css中高级边框和框阴影的教程

我发现了css的形状，但无法解释：

#太空入侵者{
框阴影：
01米红色，
0 1em 0 1em红色，
-2.5em 1.5em 0.5em红色，
2.5em 1.5em 0.5em红色，
-3em-3em 0红色，
3em-3em 0红色，
-2em-2em 0红色，
2em-2em 0红色，
-3em-1em 0红色，
-2米-1米0红色，
2米-1米0红色，
3em-1em 0红色，
-4em 0 0红色，
-3em 0 0红色，
3em 0 0红色，
4em 0 0红色，
-5em 1em 0 0红色，
-4em 1em 0 0红色，
4em 1em 0 0红色，
5em 1em 0 0红色，
-5em 2em 0 0红色，
5em 2em 0 0红色，
-5em 3em 0 0红色，
-3em 3em 0 0红色，
3em 3em 0 0红色，
5em 3em 0 0红色，
-2em 4em 0 0红色，
-1em 4em 0 0红色，
1em 4em 0 0红色，
2em 4em 0 0红色；
背景：红色；
宽度：1米；
高度：1米；
溢出：隐藏；
利润率：50像素0 70像素65像素；
}

一个图元上可以有多个长方体阴影。可以添加很多，如示例中所示

前两个位置中的值相对于其父对象拉动阴影。它们可以被认为是坐标，每个方框阴影是一个块，前两个位置的值是它的坐标

位置3和位置4中的第二对值定义阴影的模糊及其大小。通过将这两个值都设置为0，阴影具有平边，并且与其父元素的大小相同。由于父元素是1em块，这意味着阴影将创建1em长方体

在大多数浏览器中，父元素上设置的em值1以默认字体大小16px开始，并创建一个框16px正方形

然后，阴影是所有16px的正方形，没有模糊，由整数个em偏移，创建块状结果

让我们看一个经过编辑的示例。我们可以在这里立即看到，当em使用字体大小时，更改父元素上的字体大小会更改块的大小。我们还可以看到，我们可以通过改变单个框阴影来设置正方形的颜色

另一个长方体通过改变长方体阴影的模糊半径而变得模糊，另一个长方体变得更大，同样，ems用于演示此单元的大小继承

最后，将块移动到错误的坐标

#太空入侵者{
框阴影：
01米红色，
0 1em 0 1em红色，
-2.5em 1.5em 0.5em红色，
2.5em 1.5em 0.5em红色，
-3em-3em 0红色，
3em-3em 0红色，
-2em-2em 1em 0#5f5，/*模糊*/
2em-2em 0红色，
-3em-1em 0红色，
-2米-1米0红色，
12em-1em 0红色，/*移出位置*/
3em-1em 0红色，
-4em 0 0红色，
-3em 0 0红色，
3em 0 0红色，
4em 0 0红色，
-5em 1em 0 0蓝色，/*彩色*/
-4em 1em 0 0红色，
4em 1em 0 0蓝色，
5em 1em 0 0红色，
-5em 2em 0 0红色，
5em 2em 0 0红色，
-5em 3em 0 0红色，
-3em 3em 0 0红色，
3em 3em 0 2em#666，/*变大*/
5em 3em 0 0红色，
-2em 4em 0 0红色，
-1em 4em 0 0红色，
1em 4em 0 0红色，
2em 4em 0 0红色；
背景：红色；
宽度：1米；
高度：1米；
溢出：隐藏；
字体大小：12px；
利润率：100像素；
}

---

当您插入新参数“…0 1em 0 1em红色，-2.5em 1.5em 0.5em红色，…”时，您将使用设置的特征创建新阴影。 让我们举一个例子：0 1em 0 1em红色。 第一个参数设置阴影相对于div的水平位置。正值表示向右递增，负值表示向左递增。 secont参数设置垂直位置。正意味着更低，负意味着更高。 接下来的参数是阴影的模糊、扩散和颜色

在特定位置放置阴影时，可以绘制任何图像

有关详细信息，请参阅： 我相信你是从以下地方得到太空入侵者的：