"太奥妙了，不过我还是选择切图”
为此，专门制作了这样一个在线 CSS 天生工具 Coupon.io (codelabo.cn)
功能设计
本着图形化的设计理念，用只管即便少的笔墨来表述更为普通易懂的信息
首先最上面是几种优惠券的类型，从图标该当能大概看出详细的样式
每一种类型对应的选项不尽相同，拿第一种类型举例来说
Direction 表示设置凹角的方向，可选择水平和垂直
Position 表示设置凹角的相对位置，在水平情形下，可选择 居上、居中、居下，在垂直情形下，可选择 居左、居中、居右
Offset 表示表示设置凹角的偏移，这个偏移是相对付上面设置的相对位置来定的，在居中的情形下不可设置
调度完成后，点击复制按钮就可以复制在剪贴板上了（ Copied to clipboard!）~
实在也不必看上面的解释，大家动动手指，随便点一下、拖一下大概就能明白什么意思了。
其他特性
该站点已经集成了 PWA，如果利用 Chrome 打开，可以选择“安装运用”
这样就像一个运用程序一样打开了~
其他解释
工具究竟只是工具，不可能知足所有实际情形，在不知足的情形下，建议好好阅读这篇 CSS实现优惠券的技巧，相信会有更多的体会
末了，有干系问题或见地，可以去 XboxYan/coupon: Generate Coupon-UI CSS code (github.com) 提 issue，如果以为不错的话，欢迎点赞、收藏、转发~
祝大家利用愉快，enjoy~
