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

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • B 站 PC 端首页的动态 Banner 挺有意思的。
未分類
2020 年 11 月 19 日

B 站 PC 端首页的动态 Banner 挺有意思的。

B 站 PC 端首页的动态 Banner 挺有意思的。

資深大佬 : linyuxin 3

F12 看了一下 HTML 是一层一层的 layer 图片,根据鼠标位置计算图片平移和模糊程度的( filter 和 transform 属性)
大佬有話說 (20)

  • 資深大佬 : GeQi

    Performance 极差,Load Time 超长,观感也不好,完全不知道想表达什么效果。想喷这个设计很久了。

  • 資深大佬 : dingdangnao

    很 卡

  • 資深大佬 : Shingekinoshinji

    很卡+1,是我电脑不行了吗

  • 資深大佬 : bipy

    i3 都不卡

  • 資深大佬 : Cyanhall

    刚看到新鲜的制作教程:[BiliBili 秋 • 头图景深对焦效果]( https://www.bilibili.com/video/BV1NZ4y1G7fN)

  • 資深大佬 : mahaonan1994

    这也能吹?
    这也敢吹!
    B 站 PC 端首页的动态 Banner 挺有意思的。

  • 資深大佬 : cydian

    1 和 6 是什么问题?
    挺有意思 = 性能挺好?
    六觉得自己能访问 pageSpeedInsights 就很什么?

    回复主:
    这样实现 3D 效果真不错

  • 資深大佬 : miyuki

    挺好的

  • 資深大佬 : Ptu2sha

    @cydian 难道一个产品不应该设计的对大众友好么

  • 資深大佬 : mxalbert1996

    @mahaonan1994 这种含有大量图片的网页低于平均值太正常了,你测一下 YouTube,比 B 站还低。

  • 資深大佬 : mahaonan1994

    @mxalbert1996 油管只有 29 !!!原来分数低是这个原因!我这几天为了把自己的网站分数提上去按照下面的建议折腾了好久……

  • 主 資深大佬 : linyuxin

    @Cyanhall 好家伙 教学视频都做出来了

  • 資深大佬 : varzy

    Mac 下火狐访问能卡出翔(其他系统没试过),现在用火狐都不敢把鼠标移上去

  • 資深大佬 : chloelam101

    我的也做出来了很久了,http://chloe-lam.github.io/bilibili-parallax-fall,嘻嘻

  • 資深大佬 : red2dog

    这个如果用火狐或者沙发瑞点击 会卡出翔。

  • 資深大佬 : chloelam101

    @red2dog 不会阿,https://chloe-lam.github.io/bilibili-parallax-fall/ 你可以用 pc 试试,我这里比 B 站了多使用个 css 3 translateZ 启用 GPU,我 snapcap memory 都很少内存开销

  • 資深大佬 : red2dog

    @chloelam101 我说 b 站那个

  • 資深大佬 : ccc825

    @red2dog 试了一下 firefox 确实卡出屎。刚从 chrome 换到 firefox 你不说我都没注意到。还有就是弹幕掉帧

  • 資深大佬 : wwbfred

    啊,B 站那乌七八糟的首页实在是受不了,已经强制把首页 redirect 到 https://www.bilibili.com/anime 很久了.

  • 資深大佬 : CrazyRundong

    原来是多层图像叠加吗?我还以为是光场成像

文章導覽

上一篇文章
下一篇文章

AD

其他操作

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

51la

4563博客

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