css 外发光

作者：叶落↘随心发布日期:2025-09-28 浏览:102

/* CSS 外发光效果示例 */

.box {
  width: 200px;
  height: 200px;
  background-color: #ff6f61;
  box-shadow: 0 0 50px rgba(255, 111, 97, 0.8);
}

/* 解释说明：
- .box 是一个 200x200 像素的正方形，背景颜色为 #ff6f61。
- box-shadow 属性用于创建外发光效果。参数解释如下：
  - 第一个 0 表示水平偏移量，正值向右，负值向左。
  - 第二个 0 表示垂直偏移量，正值向下，负值向上。
  - 50px 表示模糊半径，值越大，发光范围越广。
  - rgba(255, 111, 97, 0.8) 表示发光的颜色和透明度，其中 0.8 是透明度（alpha 值），范围是 0 到 1。
*/

上一篇：css3 选择器

下一篇：css 绝对定位居中