用 CSS 写一个商城卡券需要几步? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
DemonQ
V2EX    程序员

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

  •  4
     
  •   DemonQ 2019-06-18 11:51:52 +08:00 5498 次点击
    这是一个创建于 2310 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    一共需要三步:

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

    欢迎 star ~ 和 issue ~

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

    50 条回复    2019-06-20 14:32:19 +08:00
    muamua
        1
    muamua  
       2019-06-18 12:15:15 +08:00 via Android
    有丶东西
    lastpass
        2
    lastpass  
       2019-06-18 12:18:06 +08:00 via Android
    第一步:截图。
    第二步:设置为背景。
    /手动滑稽
    FEDT
        3
    FEDT  
       2019-06-18 12:25:00 +08:00 via iPhone
    厉害厉害
    zxcslove
        4
    zxcslove  
       2019-06-18 12:47:21 +08:00
    不错,造福码畜,功德无量
    DemonQ
        5
    DemonQ  
    OP
       2019-06-18 14:12:13 +08:00
    想问问有什么是大家写的时候感觉复杂但又有很多重复性的东西,可以提出来,我来搞搞
    fantastic
        6
    fantastic  
       2019-06-18 14:19:22 +08:00
    不错不错,那只猫很萌
    sugars
        7
    sugars  
    PRO
       2019-06-18 14:24:55 +08:00
    好东西,真心不错,给点个赞
    sugars
        8
    sugars  
    PRO
       2019-06-18 14:25:58 +08:00
    @DemonQ 代码里能加个点击复制会更好
    DemonQ
        9
    DemonQ  
    OP
       2019-06-18 14:27:14 +08:00
    @sugars 有道理,是个刚需啊
    fengtalk
        10
    fengtalk  
       2019-06-18 14:37:27 +08:00
    进入 GitHub,发现之前已 Star 过。
    fireindark
        11
    fireindark  
       2019-06-18 14:55:04 +08:00
    不说了,已经和猫玩了一下午了
    zhouS9
        12
    zhouS9  
       2019-06-18 15:02:56 +08:00
    赞爆!
    PerFectTime
        13
    PerFectTime  
       2019-06-18 15:10:47 +08:00
    老哥 有点东西啊
    cashew
        14
    cashew  
       2019-06-18 15:10:56 +08:00
    好东西,star 一波。
    santom
        15
    santom  
       2019-06-18 15:11:31 +08:00
    超赞 !!! 留眼
    37Y37
        16
    37Y37  
       2019-06-18 15:17:44 +08:00
    可以说是非常的棒了!想要猫
    98jiang
        17
    98jiang  
       2019-06-18 15:19:30 +08:00
    登陆用户的个人信息样式?
    DemonQ
        18
    DemonQ  
    OP
       2019-06-18 15:37:57 +08:00
    @98jiang 详细点?
    tbaby
        19
    tbaby  
       2019-06-18 15:38:52 +08:00
    猫是一个库?
    ruanxiaopang
        20
    ruanxiaopang  
       2019-06-18 16:00:46 +08:00
    老哥厉害啊,想要这个猫
    ryougifujino
        21
    ryougifujino  
       2019-06-18 16:06:26 +08:00
    很棒的 repo,早已 star
    iddddg
        22
    iddddg  
       2019-06-18 16:10:45 +08:00
    想问你们说的猫在哪啊
    iddddg
        23
    iddddg  
       2019-06-18 16:11:33 +08:00
    @iddddg 已找到
    ech2o
        24
    ech2o  
       2019-06-18 16:15:11 +08:00
    不错不错 很实用 收藏了
    dixeran
        25
    dixeran  
       2019-06-18 16:20:40 +08:00 via Android
    想要猫+1
    psweet
        26
    psweet  
       2019-06-18 16:23:41 +08:00
    为了那只猫我注册了这个网站
    muyiluop
        27
    muyiluop  
       2019-06-18 16:25:36 +08:00
    对于我来说所有的 css 样式都复杂
    zhlssg
        28
    zhlssg  
       2019-06-18 16:28:11 +08:00
    可以啊
    DemonQ
        29
    DemonQ  
    OP
       2019-06-18 16:32:16 +08:00
    Peanut666
        30
    Peanut666  
       2019-06-18 16:34:48 +08:00
    很好用
    dixeran
        31
    dixeran  
       2019-06-18 16:42:53 +08:00 via Android
    @DemonQ 嘻嘻,感谢,翻了一下,好像白猫叫 tororo 黑猫叫 hajiki
    coderabbit
        32
    coderabbit  
       2019-06-18 16:54:15 +08:00 via Android
    中午在掘金上看到!是你吗
    DemonQ
        33
    DemonQ  
    OP
       2019-06-18 17:10:42 +08:00
    @coderabbit
    是的~
    telami
        34
    telami  
       2019-06-18 17:49:39 +08:00
    牛逼
    98jiang
        35
    98jiang  
       2019-06-18 17:54:07 +08:00
    @DemonQ 其实就是展示会员信息的样式怎么调都不好看才回复的,不用理我的哈哈
    37Y37
        36
    37Y37  
       2019-06-18 17:57:53 +08:00
    花了点时间,已经把猫给抱到了我的网站上,哈哈,开心
    https://ops-coffee.cn
    liaowy
        37
    liaowy  
       2019-06-18 17:58:52 +08:00
    厉害 好多实用的
    MzM2ODkx
        38
    MzM2ODkx  
       2019-06-18 20:42:04 +08:00
    点赞
    SingeeKing
        39
    SingeeKing  
    PRO
       2019-06-18 21:07:19 +08:00
    @37Y37 #36 猫呢。。并没看到
    1002xin
        40
    1002xin  
       2019-06-18 21:11:34 +08:00
    musi
        41
    musi  
       2019-06-18 21:38:38 +08:00
    网址已收藏,感谢分享
    37Y37
        42
    37Y37  
       2019-06-19 09:32:37 +08:00
    @SingeeKing 你是不是手机上看的?手机上我给隐藏了,会影响内容展示
    DemonQ
        43
    DemonQ  
    OP
       2019-06-19 09:41:00 +08:00
    @37Y37 是的,因为手机上放个猫要吗太大,要么太小,我就取消了
    LoLeon
        44
    LoLeon  
       2019-06-19 10:01:16 +08:00
    好东西, 已 star 支持.
    demonzoo
        45
    demonzoo  
       2019-06-19 10:21:32 +08:00
    好东西好东西,做得很棒,以后应该会经常用到,多谢楼主分享!
    37Y37
        46
    37Y37  
       2019-06-19 21:39:17 +08:00
    又花了点时间,写了一篇云养猫的文章,各位想要猫的非前端看看,前端就不用看了。。扒的楼主的 demo
    https://ops-coffee.cn/s/xkrxfg4NULauzyU7uZqVwQ.html
    DemonQ
        47
    DemonQ  
    OP
       2019-06-20 13:11:49 +08:00
    @37Y37 早上看到了还说写的还不错,转眼看见你在这儿留的言。。。
    37Y37
        48
    37Y37  
       2019-06-20 13:56:59 +08:00
    @DemonQ 是冒犯博主了么?我不是前端,同时对这个猫很感兴趣,也是看了半天你的 demo 没看明白慢慢给整出来的,应该有些小伙伴跟我一样,写一篇最简单的文章介绍下,不知道这样是否有不妥

    css 的那些效果确实不错!
    DemonQ
        49
    DemonQ  
    OP
       2019-06-20 14:28:45 +08:00
    @37Y37 木事木事,我就是说看见了写的挺好的~
    37Y37
        50
    37Y37  
       2019-06-20 14:32:19 +08:00
    @DemonQ 感谢博主
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     987 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 33ms UTC 22:37 PVG 06:37 LAX 15:37 JFK 18:37
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86