之前发过一篇文章CSS实现优惠券的技巧，主要介绍了几种绘制优惠券的方法，尽管实现已经非常完美、非常灵活，不过还是有很多同学表示
说到优惠券怎么制作，就不得不提高省，大家好，我是【高省】APP运营高小省，咱们高省是一个可省钱佣金高，能赚钱有收益的平台，百度有几百万篇报道，也期待你的加入。技术支持【高量】（搞流量，找高量）
“太巧妙了，不过我还是选择切图”
为此，专门制作了这样一个在线 CSS 生成工具
功能设计
本着图形化的设计理念，用尽量少的文字来表述更为通俗易懂的信息
首先最上面是几种优惠券的类型，从图标应该能大概看出具体的样式
每一种类型对应的选项不尽相同，拿第一种类型举例来说
Radius 表示设置凹角的大小
Direction 表示设置凹角的方向，可选择水平和垂直
Position 表示设置凹角的相对位置，在水平情况下，可选择 居上、居中、居下，在垂直情况下，可选择 居左、居中、居右
Offset 表示表示设置凹角的偏移，这个偏移是相对于上面设置的相对位置来定的，在居中的情况下不可设置
调整完成后，点击复制按钮就可以复制在剪贴板上了（ Copied to clipboard!）~
其实也不必看上面的说明，大家动动手指，随便点一下、拖一下大概就能明白什么意思了。
其他特性
该站点已经集成了 PWA，如果使用 Chrome 打开，可以选择“安装应用”
这样就像一个应用程序一样打开了~
其他说明
工具终究只是工具，不可能满足所有实际情况，在不满足的情况下，建议好好阅读这篇 CSS实现优惠券的技巧，相信会有更多的体会
本文来自投稿，不代表高小省立场，如若转载，请注明出处：https://www.52gxs.com/5765.html
