V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
holy5pb
V2EX  ›  前端开发

前端 logo 动画一般是通过什么技术实现

  •  
  •   holy5pb · 18 天前 · 611 次点击

    RT,OP 前端小白。 第一次进入有的网站后,网站会用它们的网站 logo 的动态动画过渡,之后才会到网站的主体内容。 这种过渡动画一般如何实现,动态 logo 一般是一段 gif 还是使用了别的什么 web 动画技术呢。

    14 条回复    2024-12-09 16:59:15 +08:00
    jadehare
        1
    jadehare  
       18 天前   ❤️ 1
    几个 png ,gif ,代码实现动画效果,spine ,这几个都有,看具体情况吧。
    o0
        2
    o0  
       18 天前
    前几天看到一个网站是把动画的每一帧都切成单独的图片,然后动态更换,每秒 20 帧
    V2023
        3
    V2023  
       18 天前
    不知道是不是 svg 做的(小白/非程序员/设计相关从业者)
    做公众号来说,如果全篇用 gif 动图加载会好慢,压图也非常头疼。如果是 svg 加载会很快,清晰度也很不错,像是矢量图的感觉。
    holy5pb
        4
    holy5pb  
    OP
       18 天前
    @jadehare 感谢大佬,看下 spine
    holy5pb
        5
    holy5pb  
    OP
       18 天前
    @V2023 SVG 也可以做动画吗😱
    paopjian
        6
    paopjian  
       18 天前   ❤️ 1
    首屏动画加载,省事就是 gif 图片直接怼, 微软那个旋转进度都是拿字体做的, 反正核心思想就是快速加载优先展示
    holy5pb
        7
    holy5pb  
    OP
       18 天前
    @o0 哈哈是不是那个日本的直播,不用流媒体而是实时刷新图片
    holy5pb
        8
    holy5pb  
    OP
       18 天前
    @paopjian 首屏动画加载,关键词 get ,一直不知道这个东西叫啥,感谢大佬
    o0
        9
    o0  
       18 天前
    @holy5pb 哈哈不是,前几天一个朋友问我他要模仿的网站,我给看的😆
    V2023
        10
    V2023  
       18 天前
    @holy5pb 之前排公众号,研究过苹果的公众号,好多是用 svg 实现的,由于不懂代码,咋弄的就不太懂了
    zsc8917zsc
        11
    zsc8917zsc  
       18 天前   ❤️ 1
    lottie
    pag
    zellerkk
        12
    zellerkk  
       18 天前
    @o0 哈哈我司的 loading 就是
    shuxhan
        13
    shuxhan  
       15 天前
    css 画一个转圈的 loading
    holy5pb
        14
    holy5pb  
    OP
       15 天前
    @shuxhan 想要自己的网站 logo 动起来
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1246 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 17:52 · PVG 01:52 · LAX 09:52 · JFK 12:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.