今天是618 ,各大商城都在搞促销活动,今天我们就来用css做一个商城卡卷,具体如下:
还在为上面这样格式各样的商城卡券的样式而发愁?CSS 不熟,canvas 太难,怎么办?
用 CSS 写一个商城卡券需要几步?
一共需要三步:
打开这个网址(浏览器输入 https://qishaoxuan.github.io/css_tricks/hollowOut/ )
找到需要的样式
复制粘贴
交给测试后,我们来分析下 CSS 卡券。
我们来准备一下基础知识
radial-gradien:
background: radial-gradient(shape size a