凸起效果怎么实现

大佬们时钟这种边缘凸起效果怎么实现的系统时钟的秒表里的这时钟边缘有种浮雕凸起效果这种边缘效果是啥怎么实现hadowshadow(value: ShadowOptions | ShadowStyle): T为组件添加阴影效果。卡片能力从API version 9开始该接口支持在ArkTS卡片中使用ArkTS卡片上不支持参数为 ShadowStyle类型。元服务API从API version 11开始该接口支持在元服务中使用。系统能力SystemCapability.ArkUI.ArkUI.Full参数参数名类型必填说明valueShadowOptions | ShadowStyle是为当前组件添加阴影效果。入参类型为ShadowOptions时可以指定模糊半径、阴影的颜色、X轴和Y轴的偏移量。入参类型为ShadowStyle时可指定不同阴影样式。返回值类型说明T返回当前组件。Demo// xxx.ets Entry Component struct UseShadowBatchingExample { build() { Column() { Column({ space: 10 }) { Stack() { } .width(90%) .height(50) .margin({ top: 5 }) .backgroundColor(0xFFE4C4) .shadow({ radius: 120, color: Color.Green, offsetX: 0, offsetY: 0 }) .align(Alignment.TopStart) .shadow({ radius: 120, color: Color.Green, offsetX: 0, offsetY: 0 }) Stack() { } .width(90%) .height(50) .margin({ top: 5 }) .backgroundColor(0xFFE4C4) .align(Alignment.TopStart) .shadow({ radius: 120, color: Color.Red, offsetX: 0, offsetY: 0 }) .width(90%) .backgroundColor(Color.White) Column() { Text() .fontWeight(FontWeight.Bold) .fontSize(20) .fontColor(Color.White) } .justifyContent(FlexAlign.Center) .width(150) .height(150) .borderRadius(10) .backgroundColor(0xf56c6c) .shadow({ radius: 300, color: Color.Yellow, offsetX: 0, offsetY: 0 }) Column() { Text() .fontWeight(FontWeight.Bold) .fontSize(20) .fontColor(Color.White) } .justifyContent(FlexAlign.Center) .width(150) .height(150) .backgroundColor(0x67C23A) .borderRadius(10) .translate({ y: -50 }) .shadow({ radius: 220, color: Color.Blue, offsetX: 0, offsetY: 0 }) } .useShadowBatching(true) } .width(100%).margin({ top: 5 }) } }