文字阴影
使用 text-shadow 属性给文字添加阴影效果，用以吸引用户注意，取值：
- h-shadow ：不能省略，必填，水平偏移量，右为正，允许负值；
- v-shadow ：不能省略，必填，垂直偏移量，下为正，允许负值；
- blur ：可选值，模糊度，不填效果为文字原型；
- color ：可选值，阴影颜色
阴影可以叠加设置，且每组阴影取值之间用 逗号 隔开，一般常用属性连写形式：
盒子阴影
使用 box-shadow 属性给盒子添加阴影效果，体现页面的制作细节，取值：
- h-shadow ：不能省略，必填，水平偏移量，右为正，允许负值；
- v-shadow ：不能省略，必填，垂直偏移量，下为正，允许负值；
- blur ：可选值，模糊度，省略此值，盒子阴影就是一个由偏移量构成的矩形；
- spread ：可选值，阴影扩大；
- color ：可选值，阴影颜色；
- inset ：可选值，将阴影改为内部阴影，默认为外阴影
外阴影
内阴影
过渡
过渡 效果能让元素的样式慢慢的变化，经常配合 hover 使用，增强网页的交互体验。
过渡属性 transition 的 all 属性：所有能过渡的属性都过渡；具体属性名，如：width ：只有宽度属性能过渡。
过渡时长 ：数字 + s（秒）
过渡效果的默认状态和 hover 状态的样式不同，才能有 过渡效果；
过渡属性 transition 要给需要过渡的元素 本身 加才有效果；
过渡属性 transition 如果设置在不同状态中，效果是不同的：
- 给默认状态设置，鼠标移入移出都有过渡效果；
- 给 hover 状态设置，鼠标移入有过渡效果，移出没有过渡效果
示例：给默认状态设置，鼠标移入移出都有过渡效果
具体属性过渡效果：
如果变化的属性多，直接用 all 属性，表示所有：
示例：给 hover 状态设置，鼠标移入有过渡效果，移出没有过渡效果
通常过渡配合 hover 使用，谁变化就给谁加过度属性
