V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
HCCG
V2EX  ›  Overwatch

用纯 css3 做了一个守望先锋开场的 loading

  •  5
     
  •   HCCG · Aug 9, 2016 · 7491 views
    This topic created in 3551 days ago, the information mentioned may be changed or developed.

    最近在玩守望先锋,看到那个 loading 就试了下用 css3 做了出来,传送门: http://codepen.io/CCG/pen/KrANmJ/

    Supplement 1  ·  Aug 13, 2016
    但是觉得做的不是很好,这次重新做了一次,还原度比较高哈哈哈哈
    传送门: http://codepen.io/CCG/details/EyGjqy/
    29 replies    2016-08-13 09:33:46 +08:00
    nszm
        1
    nszm  
       Aug 9, 2016
    正在前往...
    sudoz
        2
    sudoz  
       Aug 9, 2016
    酷!
    lution
        3
    lution  
       Aug 9, 2016
    这个不错。
    HCCG
        4
    HCCG  
    OP
       Aug 9, 2016
    @sudoz (*^__^*)
    hggg
        5
    hggg  
       Aug 9, 2016
    正在前往多拉多
    notgod
        6
    notgod  
       Aug 9, 2016 via iPhone
    腾讯需要你少年
    Phariel
        7
    Phariel  
       Aug 9, 2016
    正在前往漓江塔
    fahai
        8
    fahai  
       Aug 9, 2016
    very cool
    undercloud
        9
    undercloud  
       Aug 9, 2016
    赞赞赞
    kn007
        10
    kn007  
       Aug 9, 2016 via Android
    超赞
    angelsoul
        11
    angelsoul  
       Aug 9, 2016
    cool cooler coolest
    sneezry
        12
    sneezry  
       Aug 9, 2016
    赞!
    jimages
        13
    jimages  
       Aug 9, 2016 via Android
    点赞。
    xiqingongzi
        14
    xiqingongzi  
       Aug 9, 2016
    cool!
    Ellison
        15
    Ellison  
       Aug 9, 2016
    正在前往努巴尼
    jjplay
        16
    jjplay  
       Aug 9, 2016
    cool guys !
    Dvel
        17
    Dvel  
       Aug 9, 2016
    正在占领目标点!
    GtDzx
        18
    GtDzx  
       Aug 9, 2016
    厉害
    Kilerd
        19
    Kilerd  
       Aug 9, 2016
    可以,这很屁股。
    kaneg
        20
    kaneg  
       Aug 9, 2016
    yusuki0310
        21
    yusuki0310  
       Aug 10, 2016 via Android
    他们都说完了,我该说什么╭(°A°`)╮
    SilentDepth
        22
    SilentDepth  
       Aug 10, 2016
    @nszm @hggg @Phariel @Ellison
    这不是「正在前往」吧?这是「正在搜索」吧?

    @Dvel
    你赢了……
    nszm
        23
    nszm  
       Aug 10, 2016
    可以做成 cm 開機動畫吧..
    hoythan
        24
    hoythan  
       Aug 10, 2016
    全部显示出来后,应该暂停几秒啊
    sarike
        25
    sarike  
       Aug 11, 2016
    zhouyg
        26
    zhouyg  
       Aug 11, 2016
    酷, clip 的妙用
    HCCG
        27
    HCCG  
    OP
       Aug 11, 2016
    @zhouyg 找了好多种方法,还是 clip 好用点,其实本来想用 SVG 的
    gone
        28
    gone  
       Aug 12, 2016
    正在前往 国王大道
    ershisi
        29
    ershisi  
       Aug 13, 2016
    刚卸载了游戏 12 个小时,看完 loading 差点勾起瘾来。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2570 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 83ms · UTC 12:31 · PVG 20:31 · LAX 05:31 · JFK 08:31
    ♥ Do have faith in what you're doing.