Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

哇哦！终于知道老外做的那些会动的图表是怎么来的，原来在 HTML 中加入 CSS 动画再让 浏览器渲染一下就得到了！以下为演示。

YuLin807's profile picture

QingYue

8,804 subscribers

14,483 Aufrufe • vor 10 Tagen •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

看到这个视频终于知道内裤是怎么没的了，我开始以为是风刮跑了原来真的有人偷😡
0:29

看到这个视频终于知道内裤是怎么没的了，我开始以为是风刮跑了原来真的有人偷😡

ʚ🧸ྀིɞ小阿姨

23,652 Aufrufe • vor 3 Jahren

谷歌地图的动画渲染功能是真的强大，以后地图讲解就靠它了。很多人都说了中南海。我也来说一期吧。
1:00

谷歌地图的动画渲染功能是真的强大，以后地图讲解就靠它了。很多人都说了中南海。我也来说一期吧。

二爷Alex

219,936 Aufrufe • vor 9 Monaten

一个月前，涨幅一根接一根，我真的笑得停不下来。 那种笑不是装的，是这几年第一次觉得原来努力、坚持、熬过所有黑夜，真的会迎来光。 那天我甚至激动到眼泪都掉下来， 觉得自己终于等到了命运给的那次机会。 可没想到，一个月后的今天， 同样是我， 看着满屏的红色，却怎么也笑不出来了。 但… 还是会继续吧。 因为经历过那种喜极而泣的上涨， 就再也没办法放弃这场梦了。 METAWIN.COM
0:50

一个月前，涨幅一根接一根，我真的笑得停不下来。 那种笑不是装的，是这几年第一次觉得原来努力、坚持、熬过所有黑夜，真的会迎来光。 那天我甚至激动到眼泪都掉下来， 觉得自己终于等到了命运给的那次机会。 可没想到，一个月后的今天， 同样是我， 看着满屏的红色，却怎么也笑不出来了。 但… 还是会继续吧。 因为经历过那种喜极而泣的上涨， 就再也没办法放弃这场梦了。 METAWIN.COM

加密小象

35,649 Aufrufe • vor 9 Monaten

复刻skill发布 🔥 我拿这个skill 1:1复刻了当前公认的最牛前端网站 还原度可以是100% 见评论区 在这里讲讲原理 一、核心认知：网站的"真源码"到底在哪？ 关键要分清两类网站—— A. 服务端渲染 / 数据驱动的站（淘宝、后台系统、大部分 SaaS） 真正的逻辑跑在你看不到的服务器上，浏览器只拿到服务器吐出来的零碎结果。 B. 静态构建站（Astro / Vite SSG / Hugo —— oryzo 就是这类） 整个客户端运行时（HTML + JS bundle + CSS + 所有 3D/图/字体资产）在构建时就全部打包成可下载的静态文件，扔到 CDN 上。没有隐藏的后端在算画面。 ▎ 💡 所以很显然B是能扒拉的～～ 二、为什么这个网站麻烦：资产是"滚动时才掏出来"的 你不能简单 wget 把 HTML 抓下来就完事。因为 oryzo 最重的东西—— - .sog 高斯泼溅数据（3MB 的 3D 场景） - 25 个 .buf（几何 + 相机动画曲线） - wasm 排序器、Rive 动画 全是 JavaScript 在你往下滚的时候才动态 fetch 的，URL 还是代码里现拼的。静态扫 HTML 根本发现不了它们。 所以 mirror-site.mjs 的做法是：开一个真浏览器，从头滚到尾,把这期间发生的每一个真实网络请求全部录下来,再照着这份"实际请求清单"逐个下载。— 这是唯一能把动态资产抓全的办法。这次抓全了 135 个。 三、为什么搬过来就渲染得一模一样？ 靠的是根相对路径。oryzo 的代码里全是 /_astro/hoisted.js、/models/coaster.buf、/splats/props.sog 这种以 / 开头的路径。 只要我从 site/ 这个文件夹作为 web 根目录起服务，浏览器请求 /models/coaster.buf 就解析到我本地那份。同样的代码、同样的路径、同样的字节 → 浏览器根本分不出这是不是原站。它跑的就是 Lusion 那套真代码 + 真资产,所以连原站那俩 mp4 会 abort 的怪癖都一模一样。 唯二需要改的地方(都不是"重写",是"重定向"): 1. Typekit 字体——Adobe 按域名锁授权,换到 localhost 可能不给字体 → 把字体文件下下来自托管,改一行 Import 指向本地。 2. 删 cloudflare 追踪——一行 切掉。 其余 133 个文件零改动。所以最后 hero 像素 diff 只有 36/130万 ——那点差异还只是高斯泼溅每帧排序的随机抖动。
1:55

复刻skill发布 🔥 我拿这个skill 1:1复刻了当前公认的最牛前端网站 还原度可以是100% 见评论区 在这里讲讲原理 一、核心认知：网站的"真源码"到底在哪？ 关键要分清两类网站—— A. 服务端渲染 / 数据驱动的站（淘宝、后台系统、大部分 SaaS） 真正的逻辑跑在你看不到的服务器上，浏览器只拿到服务器吐出来的零碎结果。 B. 静态构建站（Astro / Vite SSG / Hugo —— oryzo 就是这类） 整个客户端运行时（HTML + JS bundle + CSS + 所有 3D/图/字体资产）在构建时就全部打包成可下载的静态文件，扔到 CDN 上。没有隐藏的后端在算画面。 ▎ 💡 所以很显然B是能扒拉的～～ 二、为什么这个网站麻烦：资产是"滚动时才掏出来"的 你不能简单 wget 把 HTML 抓下来就完事。因为 oryzo 最重的东西—— - .sog 高斯泼溅数据（3MB 的 3D 场景） - 25 个 .buf（几何 + 相机动画曲线） - wasm 排序器、Rive 动画 全是 JavaScript 在你往下滚的时候才动态 fetch 的，URL 还是代码里现拼的。静态扫 HTML 根本发现不了它们。 所以 mirror-site.mjs 的做法是：开一个真浏览器，从头滚到尾,把这期间发生的每一个真实网络请求全部录下来,再照着这份"实际请求清单"逐个下载。— 这是唯一能把动态资产抓全的办法。这次抓全了 135 个。 三、为什么搬过来就渲染得一模一样？ 靠的是根相对路径。oryzo 的代码里全是 /_astro/hoisted.js、/models/coaster.buf、/splats/props.sog 这种以 / 开头的路径。 只要我从 site/ 这个文件夹作为 web 根目录起服务，浏览器请求 /models/coaster.buf 就解析到我本地那份。同样的代码、同样的路径、同样的字节 → 浏览器根本分不出这是不是原站。它跑的就是 Lusion 那套真代码 + 真资产,所以连原站那俩 mp4 会 abort 的怪癖都一模一样。 唯二需要改的地方(都不是"重写",是"重定向"): 1. Typekit 字体——Adobe 按域名锁授权,换到 localhost 可能不给字体 → 把字体文件下下来自托管,改一行 Import 指向本地。 2. 删 cloudflare 追踪——一行 切掉。 其余 133 个文件零改动。所以最后 hero 像素 diff 只有 36/130万 ——那点差异还只是高斯泼溅每帧排序的随机抖动。

小耳👂Jane｜Xiaoer

58,393 Aufrufe • vor 2 Monaten

我天天在用的「小耳抓视频」开源了☺️ 浏览器插件一点，当前页视频下到本地。 YouTube、B站、X、TikTok 等 1800+ 网站通吃。 做这个工具源于: 我觉得视频教学是最有效的 跟着步骤操作,有画面看得清楚 结果要学的东西,越来越多 我的浏览器打开一大排 一关全没了 还有一些老师的课,到期无法登录了 所以最好就是下载到本地来 你可以拿来干更多的任何事情 1 、可以下来慢慢看哦 2 、可以转成文字做成其他内容哟 3 、可以成为你的知识库哟 「下载 → 转文字 → 进知识库」整条链路 好我把下载的插件给你 再把本地视频转文字的工具给你 评论区拿~~ 还能干啥? 浏览器囤了一堆视频内容没来得及看的举手~🙋‍♀️
2:08

我天天在用的「小耳抓视频」开源了☺️ 浏览器插件一点，当前页视频下到本地。 YouTube、B站、X、TikTok 等 1800+ 网站通吃。 做这个工具源于: 我觉得视频教学是最有效的 跟着步骤操作,有画面看得清楚 结果要学的东西,越来越多 我的浏览器打开一大排 一关全没了 还有一些老师的课,到期无法登录了 所以最好就是下载到本地来 你可以拿来干更多的任何事情 1 、可以下来慢慢看哦 2 、可以转成文字做成其他内容哟 3 、可以成为你的知识库哟 「下载 → 转文字 → 进知识库」整条链路 好我把下载的插件给你 再把本地视频转文字的工具给你 评论区拿~~ 还能干啥? 浏览器囤了一堆视频内容没来得及看的举手~🙋‍♀️

小耳👂Jane｜Xiaoer

249,176 Aufrufe • vor 3 Monaten

不要问我这是在那里，也不知道啥时候发生的事，只是难得看到一段这么激动人心的视频，就转发岀来让大家感受一下。
1:20

不要问我这是在那里，也不知道啥时候发生的事，只是难得看到一段这么激动人心的视频，就转发岀来让大家感受一下。

桃花岛主(Lucky)

261,174 Aufrufe • vor 3 Jahren

我记得原版是国外的动画片《雇佣人生》，这要表达的是什么主题？谁来概括下？
1:05

我记得原版是国外的动画片《雇佣人生》，这要表达的是什么主题？谁来概括下？

唐华斑竹🦅

967,926 Aufrufe • vor 1 Jahr

终于知道他为啥开出去了，原来是被后车顶出去的😍 那么这个责任怎么界定？
0:23

终于知道他为啥开出去了，原来是被后车顶出去的😍 那么这个责任怎么界定？

落叶知秋

35,514 Aufrufe • vor 3 Monaten

#tui #vue 快来看看基于vue-tui实现的cli，在terminal流式渲染生图，和丝滑的虚拟滚动，目前好像没怎么看到有cli做到真正生图交互的🤪
0:20

#tui #vue 快来看看基于vue-tui实现的cli，在terminal流式渲染生图，和丝滑的虚拟滚动，目前好像没怎么看到有cli做到真正生图交互的🤪

Simon He

15,787 Aufrufe • vor 1 Monat

动画练习。本来只是想把一张旧插画里的火车做一个动态，后来想到「500 Miles」这首歌觉得很搭，又觉得只唱一段情绪不完整，于是，就感受了一下一分钟动画的工作量。
0:59

动画练习。本来只是想把一张旧插画里的火车做一个动态，后来想到「500 Miles」这首歌觉得很搭，又觉得只唱一段情绪不完整，于是，就感受了一下一分钟动画的工作量。

文一

54,726 Aufrufe • vor 3 Jahren

无敌了,终于能实时看见Claude Code在干嘛了 zoetrope,刚开源几天的可视化神器,把一次会话画成一张流动的图 主agent派生了哪些子agent、每个跑了什么工具、耗时多少、成没成,全在终端里实时长出来。跑完的会话还能按原始时间戳回放 纯读本地的会话记录,只读不写,什么都不上传你的机器 终端和浏览器都能看,浏览器版拖一个transcript进去就出图,Rust写的,MIT开源
0:21

无敌了,终于能实时看见Claude Code在干嘛了 zoetrope,刚开源几天的可视化神器,把一次会话画成一张流动的图 主agent派生了哪些子agent、每个跑了什么工具、耗时多少、成没成,全在终端里实时长出来。跑完的会话还能按原始时间戳回放 纯读本地的会话记录,只读不写,什么都不上传你的机器 终端和浏览器都能看,浏览器版拖一个transcript进去就出图,Rust写的,MIT开源

Jason Zhu

55,012 Aufrufe • vor 12 Tagen

🙇‍♀️❤️🙇‍♂️ 动画效果太可爱了 终于找到了这个动画的出处，等我体验一下做几个好玩的动画再一起分享
0:42

🙇‍♀️❤️🙇‍♂️ 动画效果太可爱了 终于找到了这个动画的出处，等我体验一下做几个好玩的动画再一起分享

meng shao

97,921 Aufrufe • vor 1 Jahr

Gemini 3 可能已经在 LMArena 已“Riftrunner” 这个名字上线！ 添加图像然后删除底部的图像选择器似乎可以增加随机到的几率。 Padphone 老师的这个电风扇动画相当的厉害。 我随机了好几次，终于随机到了，让他做了一个一棵树的四季变化的 SVG 动画。
0:20

Gemini 3 可能已经在 LMArena 已“Riftrunner” 这个名字上线！ 添加图像然后删除底部的图像选择器似乎可以增加随机到的几率。 Padphone 老师的这个电风扇动画相当的厉害。 我随机了好几次，终于随机到了，让他做了一个一棵树的四季变化的 SVG 动画。

歸藏(guizang.ai)

115,549 Aufrufe • vor 9 Monaten

我还以为中国警察变文明了，只遮挡示威者不抓人，原来是先遮挡再抓人，所以遮挡的目的是为了不让人拍到怎么抓的？
0:44

我还以为中国警察变文明了，只遮挡示威者不抓人，原来是先遮挡再抓人，所以遮挡的目的是为了不让人拍到怎么抓的？

方舟子

425,540 Aufrufe • vor 3 Jahren

推荐一下 张咋啦 的 PPT Skill：frontend-slides。 对于我这种不爱做 PPT，但又有演示需求的人来说，实在是太友好了。 这个 Skill 的思路是把 PPT 变成网页。 并且动画效果比 PowerPoint 好、生成的是单个 HTML 文件、浏览器直接打开。 AI 会生成多个不同风格的预览，每个风格都是定制的，字体、配色、动画都不一样。 同时还能直接在浏览器里编辑文字，改完自动保存。 如果你有现成的 .pptx 文件，也能直接转成网页版。 经常做 PPT 的话，可以试试，链接放评论区。
1:02

推荐一下 张咋啦 的 PPT Skill：frontend-slides。 对于我这种不爱做 PPT，但又有演示需求的人来说，实在是太友好了。 这个 Skill 的思路是把 PPT 变成网页。 并且动画效果比 PowerPoint 好、生成的是单个 HTML 文件、浏览器直接打开。 AI 会生成多个不同风格的预览，每个风格都是定制的，字体、配色、动画都不一样。 同时还能直接在浏览器里编辑文字，改完自动保存。 如果你有现成的 .pptx 文件，也能直接转成网页版。 经常做 PPT 的话，可以试试，链接放评论区。

余温

116,708 Aufrufe • vor 5 Monaten

熬夜实测了Gemini3 Pro的几种玩法，发现，这家伙是真的牛逼啊。以下是我的case： 1、 3D 演示动画 prompt：用 HTML 生成 3D 演示动画，像中学生演示DNA双螺旋的复制过程
0:29

熬夜实测了Gemini3 Pro的几种玩法，发现，这家伙是真的牛逼啊。以下是我的case： 1、 3D 演示动画 prompt：用 HTML 生成 3D 演示动画，像中学生演示DNA双螺旋的复制过程

苍何

227,739 Aufrufe • vor 9 Monaten

为什么有的人年纪轻轻就得了癌症， 而有的人抽烟喝酒还能活到99？ 我们人到底是怎么得的癌症？ 把下面这段动画看完，你可能一下就明白了：
6:28

为什么有的人年纪轻轻就得了癌症， 而有的人抽烟喝酒还能活到99？ 我们人到底是怎么得的癌症？ 把下面这段动画看完，你可能一下就明白了：

0x鸣人

11,563 Aufrufe • vor 1 Monat

李强说这话似乎没问题，但中共做到了吗？共产党就是喜欢说“最好听的话，干最坏的事”。整天就知道拿“注水”GDP来忽悠老百姓，可现实生活中的住房、医疗、养老等问题一样没解决。因为要解决这些难题，就要触动共产党的利益。所以李强只不过是为了博取百姓的好感说说而已，过后原来是怎么样的还是怎么样。
0:36

李强说这话似乎没问题，但中共做到了吗？共产党就是喜欢说“最好听的话，干最坏的事”。整天就知道拿“注水”GDP来忽悠老百姓，可现实生活中的住房、医疗、养老等问题一样没解决。因为要解决这些难题，就要触动共产党的利益。所以李强只不过是为了博取百姓的好感说说而已，过后原来是怎么样的还是怎么样。

Qiuyao Mo

38,441 Aufrufe • vor 6 Monaten