• 主页

  • 投资

  • IT

    🔥

  • 设计

  • 销售

  • 人

  • 共38篇

    前端 - CSS

关闭

返回栏目

关闭

返回前端 - CSS栏目

19 - 通用属性 - box-shadow: 1px 1px 1px #色号; - 盒子阴影

作者：

贺及楼

成为作者

更新日期：2024-02-09 13:51:07

阴影

  1. box-shadow: 10px 10px 5px #888888;
  2. 内阴影加inset
  3. box-shadow: inset 10px 10px 5px #888888;

左右 上下 模糊 颜色

发光

  1. box-shadow: 0 0 5px #fff, 
  2. 0 0 7px #fff, 
  3. 0 0 9px #fff, 
  4. 0 0 12px #3372f6, 
  5. 0 0 14px #3372f6, 
  6. 0 0 15px #3372f6,
  7. inset 0 0 5px #fff, 
  8. inset 0 0 7px #fff, 
  9. inset 0 0 9px #fff, 
  10. inset 0 0 12px #3372f6, 
  11. inset 0 0 14px #3372f6, 
  12. inset 0 0 15px #3372f6;

0 0 模糊递进
前三个颜色一定白色，后面是目标颜色