阴影(box-shadow)

jsn 支持 box-shadow 属性用于设置元素阴影。

注意

注意事项

• 目前仅 iOS 支持 box-shadow 属性，Android 暂不支持，可以使用图片代替。
• 每个元素只支持设置一个阴影效果，不支持多个阴影同时作用于一个元素。

参数

• inset（可选）

  默认阴影在边框外。使用 inset 后，阴影在边框内（即使是透明边框），背景之上内容之下。

• <offset-x>

  px 单位长度值，用来设置阴影偏移量。<offset-x> 设置水平偏移量，如果是负值则阴影位于元素左边。 <offset-y> 设置垂直偏移量，如果是负值则阴影位于元素上面。如果两者都是 0，那么阴影位于元素后面。这时如果设置了 <blur-radius> 或 <spread-radius> 则有模糊效果。

• <offset-y>

  px 单位长度值，用来设置阴影偏移量。<offset-x> 设置水平偏移量，如果是负值则阴影位于元素左边。 <offset-y> 设置垂直偏移量，如果是负值则阴影位于元素上面。如果两者都是 0，那么阴影位于元素后面。这时如果设置了 <blur-radius> 或 <spread-radius> 则有模糊效果。

• <blur-radius>

  设置模糊半径，px 单位长度值，值越大，模糊面积越大，阴影就越大越淡。不能为负值。默认为0，此时阴影边缘锐利。

• <color>

  设置阴影颜色。