V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
wlee1991
V2EX  ›  问与答

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

  •  
  •   wlee1991 · 2016-04-10 23:43:20 +08:00 · 1886 次点击
    这是一个创建于 3150 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    不过想要完全还原可能比较麻烦
    pynix
        5
    pynix  
       2016-04-11 01:48:57 +08:00 via Android
    bootstrap 那个感觉有点像。
    ffffwh
        6
    ffffwh  
       2016-04-11 02:15:51 +08:00 via Android   ❤️ 1
    想到了蓝白碗..
    wlee1991
        7
    wlee1991  
    OP
       2016-04-11 08:53:16 +08:00
    @wdhwg001 谢谢,弄好了吗
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5632 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 06:53 · PVG 14:53 · LAX 22:53 · JFK 01:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.