爱意满满的作品展示区。
jwenjian

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

  •  1
     
  •   jwenjian ·
    jwenjian · Jul 11, 2020 · 3122 views
    This topic created in 2132 days ago, the information mentioned may be changed or developed.

    昨天看 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 replies    2020-07-11 17:11:02 +08:00
    yaaaaaang
        1
    yaaaaaang  
       Jul 11, 2020
    dys up up
    jwenjian
        2
    jwenjian  
    OP
       Jul 11, 2020 via iPhone
    @yaaaaaang 😂 不是重点
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3229 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 12:51 · PVG 20:51 · LAX 05:51 · JFK 08:51
    ♥ Do have faith in what you're doing.