数据转换

DIV 元素阴影

CSS box-shadow 元素阴影效果生成,调节 x/y/blur/spread/color/inset。

元素阴影预览

            

使用说明

参数与限制

  • x/y:X/Y 偏移像素。
  • blur:模糊半径。
  • spread:扩展半径(可为负)。
  • color:任何 CSS 颜色。
  • inset:内阴影。

Material Design

  • 低:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
  • 高:0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)

运行环境

  • 纯 CSS;Agent 调用 /api/css_divyinying/

Agent API 调用示例

// Step 1: 读取工具 Schema
GET https://clawam.com/tools/css_divyinying/schema.json

// Step 2: 调用 API
POST https://clawam.com/api/css_divyinying/
{

  "x": "0",
  "y": "4",
  "color": "rgba(0,0,0,0.15)"}