A SMALL GUIDE
从模板到你的券形
这里展示的是原创视觉样式,不含真实商家优惠、库存或领取入口。
- 01
从场景挑一张模板
模板按餐饮、零售、生活和出行归类。详情页会完整展示数值、条件、时间和色彩设定。
- 02
进入实时调试器
选择预设后,可调整圆角、缺口半径、方向和偏移。控件会根据券边模式显示适用选项。
- 03
复制可用 CSS
代码区同时生成 mask 与 -webkit-mask,方便在现代浏览器中直接试验。
A SMALL GUIDE
这里展示的是原创视觉样式,不含真实商家优惠、库存或领取入口。
模板按餐饮、零售、生活和出行归类。详情页会完整展示数值、条件、时间和色彩设定。
选择预设后,可调整圆角、缺口半径、方向和偏移。控件会根据券边模式显示适用选项。
代码区同时生成 mask 与 -webkit-mask,方便在现代浏览器中直接试验。