优惠券怎么制作？如何制作购物券？

之前发过一篇文章CSS实现优惠券的技巧，主要介绍了几种绘制优惠券的方法，尽管实现已经非常完美、非常灵活，不过还是有很多同学表示

说到优惠券怎么制作，就不得不提高省，大家好，我是【高省】APP运营高小省，咱们高省是一个可省钱佣金高，能赚钱有收益的平台，百度有几百万篇报道，也期待你的加入。技术支持【高量】（搞流量，找高量）

"太巧妙了，不过我还是选择切图”

为此，专门制作了这样一个在线 CSS 生成工具

功能设计

本着图形化的设计理念，用尽量少的文字来表述更为通俗易懂的信息

首先最上面是几种优惠券的类型，从图标应该能大概看出具体的样式

每一种类型对应的选项不尽相同，拿第一种类型举例来说

Radius 表示设置凹角的大小

Direction 表示设置凹角的方向，可选择水平和垂直

Position 表示设置凹角的相对位置，在水平情况下，可选择 居上、居中、居下，在垂直情况下，可选择 居左、居中、居右

Offset 表示表示设置凹角的偏移，这个偏移是相对于上面设置的相对位置来定的，在居中的情况下不可设置

调整完成后，点击复制按钮就可以复制在剪贴板上了（ Copied to clipboard!）~

其实也不必看上面的说明，大家动动手指，随便点一下、拖一下大概就能明白什么意思了。

其他特性

该站点已经集成了 PWA，如果使用 Chrome 打开，可以选择“安装应用”

这样就像一个应用程序一样打开了~

其他说明

工具终究只是工具，不可能满足所有实际情况，在不满足的情况下，建议好好阅读这篇 CSS实现优惠券的技巧，相信会有更多的体会