V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
DemonQ
V2EX  ›  程序员

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

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

    还在为上面这样格式各样的商城卡券的样式而发愁? 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  
       2019-06-18 14:24:55 +08:00
    好东西,真心不错,给点个赞👍
    sugars
        8
    sugars  
       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 已找到
    Yoefs
        24
    Yoefs  
       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
    厉害 好多实用的
    iMusic
        38
    iMusic  
       2019-06-18 20:42:04 +08:00
    点赞
    SingeeKing
        39
    SingeeKing  
       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   ·   实用小工具   ·   3502 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 00:08 · PVG 08:08 · LAX 16:08 · JFK 19:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.