本文介绍了CSS中的box-shadow属性，展示了如何创建带有圆角的阴影效果。同时，详细讲解了线性渐变和径向渐变的用法，包括颜色方向设定和颜色断点配置。此外，还提到了CSS动画的基础知识，帮助读者深入理解CSS在视觉效果上的应用。
CSS复习
阴影boxshadow
你几乎可以在任何元素上使用box-shadow来添加阴影效果。如果元素同时设置了 border-radius属性 ，那么阴影也会有圆角效果。多个阴影在z轴上的顺序和多个 text shadows 规则相同(第一个阴影在最上面)。
/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
/* 插页(阴影向内) | x偏移量 | y偏移量 | 阴影颜色 */
box-shadow: inset 5em 1em gold;
/* 任意数量的阴影，以逗号分隔 */
box-shadow: 3px 3p
最低0.47元/天 解锁文章
1826
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
