跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 用 CSS Flex 模仿 LPL 比赛中途显示微博的大屏
未分類
19 7 月 2020

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

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

資深大佬 : jwenjian 10

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

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

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

截图:

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

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

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

布局就是用 Flex 。

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

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

大佬有話說 (2)

  • 資深大佬 : yaaaaaang

    dys up up

  • 主 資深大佬 : jwenjian

    @yaaaaaang

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具