CSS 优惠券在线生成工具

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

为此，专门制作了这样一个在线 CSS 生成工具 Coupon.io (codelabo.cn)

功能设计

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

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

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

Radius 表示设置凹角的大小

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

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

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

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

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

其他特性

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

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

其他说明