V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
jwenjian
V2EX  ›  分享创造

用 CSS Flex 模仿 LPL 比赛中途显示微博的大屏

  •  1
     
  •   jwenjian ·
    jwenjian · 2020-07-11 11:36:45 +08:00 · 2480 次点击
    这是一个创建于 1626 天前的主题,其中的信息可能已经有所发展或是发生改变。

    昨天看 LPL 直播,看到这个微博大屏:

    截屏 2020-07-11 上午 11.27.24.png

    闲来无事,花了一上午的时间在 Codepen 上做了一个:

    截图:

    lpl.gif

    大概的布局都有了,小细节没弄,比如微博图标右侧有一个小三角,还有一些背景图,背景颜色之类的。

    另外倒计时还只是一个数字,不会动。

    布局就是用 Flex 。

    有想完善的,尽管拿去折腾。

    https://cdpn.io/jwenjian/debug/BajVJZK/yPkJjKmnLGKk

    https://codepen.io/jwenjian/pen/BajVJZK

    2 条回复    2020-07-11 17:11:02 +08:00
    yaaaaaang
        1
    yaaaaaang  
       2020-07-11 14:30:43 +08:00
    dys up up
    jwenjian
        2
    jwenjian  
    OP
       2020-07-11 17:11:02 +08:00 via iPhone
    @yaaaaaang 😂 不是重点
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2411 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 16:01 · PVG 00:01 · LAX 08:01 · JFK 11:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.