盒阴影

在这节课中:

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)