用 CSS 写一个商城卡券需要几步？

[DemonQ]

还在为上面这样格式各样的商城卡券的样式而发愁？ CSS 不熟，canvas 太难，怎么办？

用 CSS 写一个商城卡券需要几步？

一共需要三步：

1. 打开这个网址（浏览器输入 https://qishaoxuan.github.io/css_tricks/hollowOut/ ）
2. 找到需要的样式
3. 复制粘贴

欢迎 star ~ 和 issue ~

另附掘金相关 https://juejin.im/post/5d07c2476fb9a07ed524a08d ，欢迎点赞评论

[musi]

网址已收藏，感谢分享

[37Y37]

@SingeeKing 你是不是手机上看的？手机上我给隐藏了，会影响内容展示

[DemonQ]

@37Y37 是的，因为手机上放个猫要吗太大，要么太小，我就取消了

[LoLeon]

好东西, 已 star 支持. 👍

[demonzoo]

好东西好东西，做得很棒，以后应该会经常用到，多谢楼主分享！👍

[37Y37]

又花了点时间，写了一篇云养猫的文章，各位想要猫的非前端看看，前端就不用看了。。扒的楼主的 demo
https://ops-coffee.cn/s/xkrxfg4NULauzyU7uZqVwQ.html

[DemonQ]

@37Y37 早上看到了还说写的还不错，转眼看见你在这儿留的言。。。

[37Y37]

@DemonQ 是冒犯博主了么？我不是前端，同时对这个猫很感兴趣，也是看了半天你的 demo 没看明白慢慢给整出来的，应该有些小伙伴跟我一样，写一篇最简单的文章介绍下，不知道这样是否有不妥

css 的那些效果确实不错！

[DemonQ]

@37Y37 木事木事，我就是说看见了写的挺好的~

[37Y37]

@DemonQ 感谢博主