网站建设总是展现无限可能的一面，这些都是基于满足市场的需求。
比如当我们想要增加设计的深度时，我们经常认为CSS中的阴影是可以触及的东西。阴影的效果增加了元素的高度，赋予页面另一个维度。但是阴影不仅仅可以用于深度。让我们尝试不同的阴影——两个CSS属性和一个过滤器——来制作有趣的悬停效果、不同的文本样式，甚至在其他阴影上投射阴影。
后现代网页设计的世界是一个没有太多阴影的世界。这并不意味着CSS阴影正在消失。相反，他们变得更加适应。阴影是非常有用的设计元素。我们知道它们增加了二维网页设计的深度，但是你知道吗，我们可以用超出这种深度的方式来堆叠、动画和操作它们。
我们大多数人都熟悉inset关键词。这是CSS的可选值box-shadow财产。当...的时候inset时，阴影投射到元素内部，指向内部。它通常被用来使它看起来像一个元素被印在网页的表面。我们将进一步推动阴影，无论是比喻还是字面上，为图像过渡创建一个覆盖悬停效果。尽我们所能控制阴影的模糊半径—阴影向外扩散的距离—我们可以选择不对阴影应用任何模糊。我们可以将这一点与嵌入阴影的事实结合起来在元素的背景上绘制(不像默认的投射在元素下面的阴影)来创建我所说的位于元素上面的“面纱”。
我们要看的最后一个效果涉及到CSStext-shadow财产。实际上，这与其说是一个复杂的“技巧”,不如说是一个使用和显示文本元素阴影的演示。与我们通常得到的全彩色表情符号不同，这个表情符号更像是一个充满纯色的图标。这是一种不需要绘制或处理文件就能快速创建一个脏图标系统的方法。
我们希望这些实验能给你灵感，让你自己做一些CSS阴影实验。阴影和渐变可能是用CSS“绘图”的两个最重要的CSS特性。希望在网站建设过程中能有更多的创意。
