html 网页开屏动画相关

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 399 天前的主题，其中的信息可能已经有所发展或是发生改变。

请问各位大佬，古茗和蜜雪冰城这种开屏动画是怎么做得？

看了一下 F12 发现页面上没有动画相关代码，不知道写在哪里了

8 条回复 • 2024-11-04 19:14:08 +08:00

laterzc0123

2024-11-04 16:05:46 +08:00

控制元素的层级、隐藏、显示

sunbeams001

2024-11-04 16:11:18 +08:00

cxz2998

2024-11-04 16:25:43 +08:00

@laterzc0123
@sunbeams001
蜜雪冰城的开屏动画代码找到了，但是古茗的没有找到在哪里啊

cxz2998

2024-11-04 16:25:53 +08:00

@laterzc0123
@sunbeams001
多谢两位大佬

b821025551b

2024-11-04 16:38:56 +08:00

古茗的元素在初始 html 里，加载结束后 pop 掉了，所以看不见；
禁用 js 后可以看到元素，id 是__next ，
另外和动画相关的 css 在这里： https://www.gumingnc.com/_next/static/css/c4f4a90b137037c2.css

laterzc0123

2024-11-04 16:40:04 +08:00

@cxz2998 #3 执行完成就移除了相关的元素

cxz2998

2024-11-04 16:50:16 +08:00

@b821025551b
@laterzc0123
多谢大佬已经找到了

loading

2024-11-04 19:14:08 +08:00

建议来个大佬，把蜜雪冰城扭起来。
古茗那个模特照片，像素低，相貌也没顶流，以后都不买。