盒阴影

在这节课中:

1. 过渡的阴影
2. 用框阴影创建边框

过渡的阴影

您可以添加过渡到框阴影，以便与它们的交互将是顺利的。例如，您可以向元素添加悬停效果，使框阴影的颜色变深。以下是步骤:

1. 添加一个盒子阴影的元素和样式，黑色和20%的不透明度
2. 从州菜单中,选择徘徊
3. 样式的盒子阴影有55%的不透明度
4. 回到州菜单并选择没有一个(正常)
5. 在底部风格的面板下,影响添加一个过渡并选择盒阴影从列表中
6. 设置转换时间，或者将其保留为默认的200ms

注意，添加过渡后，悬停效果是一个平滑的淡出没有一个国家和徘徊状态。如果没有200ms的过渡，悬停效果将在不透明度级别之间突然来回切换。你可以样式悬停或按下状态与框阴影任何你喜欢的。

用框阴影创建边框

您可以在单个元素上添加多个框阴影，以创建独特的视觉效果。

了解更多关于框阴影和其他效果．

下面是一个如何使用多个框阴影创建微妙的边框和阴影的例子:

1. 添加一个外部投影，并设置模糊和距离为0px，尺寸为1px
2. 设置阴影的颜色rgba(0,0,0,0.1) -黑色，不透明度为10%
3. 添加第二个外部投影。设置模糊8 px和距离2 px。
4. 将颜色设置为rgba(0,0,0,0.1)