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

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

  •  4
     
  •   DemonQ · 218 天前 · 3347 次点击
    这是一个创建于 218 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    css 的那些效果确实不错!
    DemonQ
        49
    DemonQ   216 天前
    @37Y37 木事木事,我就是说看见了写的挺好的~
    37Y37
        50
    37Y37   216 天前
    @DemonQ 感谢博主
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2141 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 29ms · UTC 14:03 · PVG 22:03 · LAX 06:03 · JFK 09:03
    ♥ Do have faith in what you're doing.