coderMonkey
V2EX  ›  Java

这种按钮是怎么画出来的

  •  
  •   coderMonkey · Oct 10, 2020 · 5183 views
    This topic created in 2051 days ago, the information mentioned may be changed or developed.
    12 replies    2020-10-10 15:47:21 +08:00
    coderMonkey
        1
    coderMonkey  
    OP
       Oct 10, 2020
    怎么上传图片啊
    zarte
        3
    zarte  
       Oct 10, 2020
    css 背景色有渐变的,然后再加阴影就可以了。
    cq65617875
        4
    cq65617875  
       Oct 10, 2020
    渐变 阴影 弧度
    azcvcza
        5
    azcvcza  
       Oct 10, 2020
    html 倒是好画,外部容器有圆角和背景渐变;中间有一个 flex 的 icon 和 text,text 带底部装饰
    DanielDing
        6
    DanielDing  
       Oct 10, 2020
    建议看下 w3c 上的 html\css 教程,重点看下渐变、弧度、阴影、flex 这几个知识点
    uminokoe
        7
    uminokoe  
       Oct 10, 2020
    可能还需要用到:hover 来显示下划线
    coderMonkey
        9
    coderMonkey  
    OP
       Oct 10, 2020
    sugars
        10
    sugars  
    PRO
       Oct 10, 2020
    Joker123456789
        11
    Joker123456789  
       Oct 10, 2020
    css: 圆角,阴影,渐变色,伪类。

    html: 图标,文字。
    himself65
        12
    himself65  
       Oct 10, 2020
    这里面全是这样的例子,你随便看看就知道了

    https://mui-treasury.com/components/card/
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2693 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 50ms · UTC 11:43 · PVG 19:43 · LAX 04:43 · JFK 07:43
    ♥ Do have faith in what you're doing.