wlee1991
V2EX  ›  问与答

好怀恋雪豹的进度条,有谁知道现在用 html5 怎么实现那种 style?

  •  
  •   wlee1991 · Apr 10, 2016 · 2625 views
    This topic created in 3858 days ago, the information mentioned may be changed or developed.

    就是这个蓝白进度条,好怀恋,假如用 css 能做出这个效果吗, google 了一大圈也没找到

    7 replies  •  2016-04-11 08:53:16 +08:00
    ss098
    ss098
    Apr 10, 2016 via Android
    1
    wlee1991
    wlee1991
    OP
    Apr 10, 2016
    2
    @ss098 谢谢,差不多了,但好像还不是一模一样的
    wdhwg001
    wdhwg001
    Apr 11, 2016 via iPhone
    3
    可以用三色渐变,然后加一个轻微的 blur ,在妹子 ui 的基础上简单魔改就可以了?明天试着弄一下。
    TakanashiAzusa
    TakanashiAzusa
    Apr 11, 2016
    4
    那个就是用渐变弄出来的。
    linear-gradient
    往下拉
    https://css-tricks.com/css3-gradients/

    有生成器可以尝试下:
    http://www.cssmatic.com/gradient-generator

    不过想要完全还原可能比较麻烦
    pynix
    pynix
    Apr 11, 2016 via Android
    5
    bootstrap 那个感觉有点像。
    ffffwh
    ffffwh
    Apr 11, 2016 via Android❤️1
    6
    想到了蓝白碗..
    wlee1991
    wlee1991
    OP
    Apr 11, 2016
    7
    @wdhwg001 谢谢,弄好了吗
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5106 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 07:42 · PVG 15:42 · LAX 23:42 · JFK 02:42
    ♥ Do have faith in what you're doing.