css 内发光

作者：昔日暖阳发布日期:2025-12-18 浏览:17

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

.inner-glow {
  /* 使用 box-shadow 实现内发光效果 */
  box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.7);
  padding: 20px;
  background-color: #333;
}

/* 解释说明：
- `inset` 关键字用于创建内部阴影（即内发光效果）。
- `0 0` 表示阴影的水平和垂直偏移量为 0，即阴影位于元素的中心。
- `10px` 是模糊半径，值越大，发光效果越柔和。
- `rgba(255, 255, 255, 0.7)` 设置了发光的颜色和透明度，这里使用的是白色，透明度为 0.7。
- `padding` 和 `background-color` 用于更好地展示内发光效果。
*/

上一篇：css宽高比例固定

下一篇：css文字不能被选中