CSS 阴影渐变生成器

前端样式可视化生成三件套：① box-shadow 阴影——多层叠加（无限层），每层独立调节水平/垂直/模糊/扩散偏移、颜色 + 透明度、外阴影/内阴影；棋盘背景预览方便看透明效果；8 套预设（柔和卡片/Material/浮起按钮/霓虹/内陷/凸起 3D/长投影/边框光晕）一键应用；② linear-gradient 线性渐变——0~360° 角度滑动调整，多色节点（最少 2 个，可加任意多个）每个节点独立设颜色 + 位置 %；8 套预设（蓝紫梦幻/夕阳橙/海洋蓝/森林绿/樱花粉/极光/深夜紫/彩虹）；③ radial-gradient 径向渐变——圆形/椭圆切换、4 种 size 选项、圆心 X/Y 位置 % 自由控制、多色节点、6 套预设；实时预览 + 终端风格代码区一键复制 background/box-shadow CSS 完整声明。纯前端运算

本工具由 在线小工具大全 提供，更多 同类工具 可在站内查看。