Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

学习这个用 Anime.js 的 scrambleText 做了一个文字切换滚动的特效 让 Codex 重新设计和整理了一下，支持各种字符 blocks / symbols / numbers / braille ，真的好帅啊，特别适合 geek 风网站的标题滚动效果 之后准备封装成一个 npm 包，支持不同框架，并且可以快速使用。还有就是 Anime.js 好强啊，觉得做动画效果他真的是第一选择。

vikingmute's profile picture

Viking

66,200 subscribers

44,493 görüntüleme • 3 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Fable5 真好用啊,对于做视频来说 效率快速方便多了,而且效果很好 Opus 4.8的数字不太增加 Fable5很喜欢做一个增加数字的动画,意外的不错 就是慢了点
0:18

Fable5 真好用啊,对于做视频来说 效率快速方便多了,而且效果很好 Opus 4.8的数字不太增加 Fable5很喜欢做一个增加数字的动画,意外的不错 就是慢了点

Kurnal

32,496 görüntüleme • 1 ay önce

前几天看到一个非常丝滑的动画效果，MotionNumber 很常见，之前看到很多网站都在用，就是数字在切换的时候会有一个滚动的效果，层级自己写了一个在切换的时候发现没有这个那么顺滑。 这个非常适合用到 landing page 上，展示各种数据等等的场景，它是用 Framer Motion 编写的，抽象成了一个 React 组件，我觉得这种效果很值得收藏未来是用一下。 Github 地址在这里：
0:10

前几天看到一个非常丝滑的动画效果，MotionNumber 很常见，之前看到很多网站都在用，就是数字在切换的时候会有一个滚动的效果，层级自己写了一个在切换的时候发现没有这个那么顺滑。 这个非常适合用到 landing page 上，展示各种数据等等的场景，它是用 Framer Motion 编写的，抽象成了一个 React 组件，我觉得这种效果很值得收藏未来是用一下。 Github 地址在这里：

Viking

133,415 görüntüleme • 1 yıl önce

用 Kimi.ai 重新设计了一下自己的网站，尤其是将我产品的 logo 的 svg 做了微动画的调整之后，让我感觉效果很棒。 朱红色 + 一个 “印” 字足以把东方美学与硅谷的极简主义结合到了极致
0:12

用 Kimi.ai 重新设计了一下自己的网站，尤其是将我产品的 logo 的 svg 做了微动画的调整之后，让我感觉效果很棒。 朱红色 + 一个 “印” 字足以把东方美学与硅谷的极简主义结合到了极致

Evan Long

21,948 görüntüleme • 6 ay önce

好漂亮的动效： 现在特别喜欢这种克制的，细微的，精心设计的动画效果，不喜欢那种特别过头的，大鸣大放的效果。 这种特别克制的设计可以让整个网站的风格大大加分。 作者还提供了 skills npx skills add jakubantalik/transitions-dev 想提升自己网站的动画水平的可以试试看，很舒服。
0:17

好漂亮的动效： 现在特别喜欢这种克制的，细微的，精心设计的动画效果，不喜欢那种特别过头的，大鸣大放的效果。 这种特别克制的设计可以让整个网站的风格大大加分。 作者还提供了 skills npx skills add jakubantalik/transitions-dev 想提升自己网站的动画水平的可以试试看，很舒服。

Viking

45,339 görüntüleme • 3 ay önce

一个前端实用小工具：Tegaki —— 任意字体的手写动画库 可把任意字体变成逐笔手写动画的 JS 库。不需要手动绘制路径，不需要原生依赖，选好字体就能用。 试了下，用在落地页标题文字动效，个人网站签名展示，手写风格的 UI 装饰等的场景还是蛮不错的👍
0:15

一个前端实用小工具：Tegaki —— 任意字体的手写动画库 可把任意字体变成逐笔手写动画的 JS 库。不需要手动绘制路径，不需要原生依赖，选好字体就能用。 试了下，用在落地页标题文字动效，个人网站签名展示，手写风格的 UI 装饰等的场景还是蛮不错的👍

知识分享官

18,324 görüntüleme • 2 ay önce

这几天经常用这个 taste skill 做实验，发现真的是很不错，用了它你就能获得一个极简，配色舒服，间距和字体大小考究的页面，去 AI slop 很不错，不过我测试的都是英文网站，让 v0 生成了一个 Sandbox 首页 一个股市 dashboard 都不错，而且 prompt 几乎都不用怎么写。 v0 预览的地址是： 大家可以感受一下这个设计效果
0:19

这几天经常用这个 taste skill 做实验，发现真的是很不错，用了它你就能获得一个极简，配色舒服，间距和字体大小考究的页面，去 AI slop 很不错，不过我测试的都是英文网站，让 v0 生成了一个 Sandbox 首页 一个股市 dashboard 都不错，而且 prompt 几乎都不用怎么写。 v0 预览的地址是： 大家可以感受一下这个设计效果

Viking

36,818 görüntüleme • 5 ay önce

这个网站可以用可视化的方式来学习 TypeScript 基础类型和概念： 每种 type 都有一系列的示例帮助学习，非常适合 ts 的初学者，而且这网页和交互做的也太漂亮了啊！ extends 的这个图好棒，而且每个切换还有声音，算是一个小小的艺术品。
0:16

这个网站可以用可视化的方式来学习 TypeScript 基础类型和概念： 每种 type 都有一系列的示例帮助学习，非常适合 ts 的初学者，而且这网页和交互做的也太漂亮了啊！ extends 的这个图好棒，而且每个切换还有声音，算是一个小小的艺术品。

Viking

33,977 görüntüleme • 9 ay önce

用了一段时间的 Pixel，对 iOS 的列表滚动甚是想念，于是跟 ktiays 一起把整个 UIScrollView 的滚动效果移植到了 Android。这可能是目前能找到的最好的开源实现，希望明年如果有国产手机厂商抄的话可以给个 acknowledgement（
0:18

用了一段时间的 Pixel，对 iOS 的列表滚动甚是想念，于是跟 ktiays 一起把整个 UIScrollView 的滚动效果移植到了 Android。这可能是目前能找到的最好的开源实现，希望明年如果有国产手机厂商抄的话可以给个 acknowledgement（

Cyandev

71,294 görüntüleme • 2 yıl önce

🚨我只花了十分钟不到就用flowith给自己做了一个全自动化搞定AI信息源的网站！ 如果你也想做这么一个网站，可以直接按下面步骤跟我一起操作👇 先来看一下效果：这个网站我可以直接打开用，并且根据我的需求做了分类，每个卡片上都有标题、简介、视频的数据等等，并且点击每个卡片我可以直接跳转到对应的视频！ 在这个过程中我什么都不用做，只需要在开始之前把我提前准备好的提示词丢给它，就可以让AI信息收集这件事完全自动化。 而且这个网站不是做好了就放在那了，而是每24小时都会重新更新一下，因为我有一个24h都在帮我干活的数字员工neo！
0:16

🚨我只花了十分钟不到就用flowith给自己做了一个全自动化搞定AI信息源的网站！ 如果你也想做这么一个网站，可以直接按下面步骤跟我一起操作👇 先来看一下效果：这个网站我可以直接打开用，并且根据我的需求做了分类，每个卡片上都有标题、简介、视频的数据等等，并且点击每个卡片我可以直接跳转到对应的视频！ 在这个过程中我什么都不用做，只需要在开始之前把我提前准备好的提示词丢给它，就可以让AI信息收集这件事完全自动化。 而且这个网站不是做好了就放在那了，而是每24小时都会重新更新一下，因为我有一个24h都在帮我干活的数字员工neo！

西里森森

13,914 görüntüleme • 11 ay önce

我没有GPT 5.6-Sol 的模型 不过我花了一个小时，用完了五个小时的额度，测试了一下GPT 5.6-Terra 的前端能力，效果还是非常不错的，特别是处理抠图的时候非常牛逼 我让它给我做了一个网页：可互动式的三国人物关羽卡片，鼠标拖拽卡片的时候既有镭射的效果，也有景深和透视的效果 各位看官老爷们是否想体验一下？ 我费点功夫把它做成一个三国人物卡片的展览网站如何？
0:14

我没有GPT 5.6-Sol 的模型 不过我花了一个小时，用完了五个小时的额度，测试了一下GPT 5.6-Terra 的前端能力，效果还是非常不错的，特别是处理抠图的时候非常牛逼 我让它给我做了一个网页：可互动式的三国人物关羽卡片，鼠标拖拽卡片的时候既有镭射的效果，也有景深和透视的效果 各位看官老爷们是否想体验一下？ 我费点功夫把它做成一个三国人物卡片的展览网站如何？

小奇说

45,261 görüntüleme • 1 ay önce

可灵1.6设置了nsfw内容回避，这种舔鞋的我试了好几次都做不到，以下是效果最好的一个的倒放。😂快手还钱！
0:10

可灵1.6设置了nsfw内容回避，这种舔鞋的我试了好几次都做不到，以下是效果最好的一个的倒放。😂快手还钱！

獨自懵逼

19,395 görüntüleme • 1 yıl önce

今年我认为最佳的网页设计： 太漂亮了，完全不像别的一样千篇一律的模版，几个渐变字体加几个淡入淡出的动画。 各种精致的动画（动画居然都是用 DOM 模拟的，大家可以打开源代码看看）每个都很有想象力，极客风的整体设计，非常棒的响应式设计。看了好几遍还是非常养眼，一些小细节都非常出彩。 我想有了 AI 以后，创意还是最重要的，你想让 AI 构思设计出一个这样的网站肯定是不可能的。
0:18

今年我认为最佳的网页设计： 太漂亮了，完全不像别的一样千篇一律的模版，几个渐变字体加几个淡入淡出的动画。 各种精致的动画（动画居然都是用 DOM 模拟的，大家可以打开源代码看看）每个都很有想象力，极客风的整体设计，非常棒的响应式设计。看了好几遍还是非常养眼，一些小细节都非常出彩。 我想有了 AI 以后，创意还是最重要的，你想让 AI 构思设计出一个这样的网站肯定是不可能的。

Viking

69,762 görüntüleme • 1 yıl önce

Claude Fable 5 经过1个月紧急下架后再回归，我这两天也重新去测试了一下。 正好一直刷到赛博斗蛐蛐的视频，正好拿来测试一下，看看能不能做个同款出来。 给大伙看看fable 5 的效果：视频1 再来对比一下GPT-5.5的效果，老实说有点拉了，为什么把restart按钮直接盖住了屏幕啊？不是很理解：视频2 最后再来看看国产Deepseek V4 Pro的效果，物理效果感觉还是不行，有点迟钝的感觉：视频3 Fable 5的整体效果是最接近我刷到的小视频的效果的。 虽然效果很强，但是现在fable 5最大的问题在于，官方在6月22日以后，订阅套餐不能用Fable，只能走API。 但是价格实在是遭不住：每 M 输出 50 美元的定价让社区吐槽声不断！我推荐用Zenmux，这个省一些。目前有个加赠20%的活动，每人最高可享 300刀 ！ 官网在这里： RPM、不限流。可调用全平台 200+ 模型（含 Claude Fable 5），非常适合做这种评测、并排对比和长期开发。
0:12

Claude Fable 5 经过1个月紧急下架后再回归，我这两天也重新去测试了一下。 正好一直刷到赛博斗蛐蛐的视频，正好拿来测试一下，看看能不能做个同款出来。 给大伙看看fable 5 的效果：视频1 再来对比一下GPT-5.5的效果，老实说有点拉了，为什么把restart按钮直接盖住了屏幕啊？不是很理解：视频2 最后再来看看国产Deepseek V4 Pro的效果，物理效果感觉还是不行，有点迟钝的感觉：视频3 Fable 5的整体效果是最接近我刷到的小视频的效果的。 虽然效果很强，但是现在fable 5最大的问题在于，官方在6月22日以后，订阅套餐不能用Fable，只能走API。 但是价格实在是遭不住：每 M 输出 50 美元的定价让社区吐槽声不断！我推荐用Zenmux，这个省一些。目前有个加赠20%的活动，每人最高可享 300刀 ！ 官网在这里： RPM、不限流。可调用全平台 200+ 模型（含 Claude Fable 5），非常适合做这种评测、并排对比和长期开发。

雪踏乌云

48,569 görüntüleme • 1 ay önce

用 NFC 贴纸来辅助蓝牙设备快速连接非常好用，这段时间我们做了一个方案，在 Exergen 蓝牙额温枪里面贴了一张很小的 NFC 贴纸，这样一台 Android 设备就可以快速与多个蓝牙设备通过各自的 NFC 标签来快速切换连接，看看视频中的效果：
0:18

用 NFC 贴纸来辅助蓝牙设备快速连接非常好用，这段时间我们做了一个方案，在 Exergen 蓝牙额温枪里面贴了一张很小的 NFC 贴纸，这样一台 Android 设备就可以快速与多个蓝牙设备通过各自的 NFC 标签来快速切换连接，看看视频中的效果：

LE

107,172 görüntüleme • 3 yıl önce

Distil-Whisper：让语音识别的速度提高 5.8 倍，参数减少 51%，准确度保持在 99%。 Whisper 在语音识别方面表现卓著，但是它有一个明显的缺点：训练出来的小模型支持的语言比较少，而大模型推理速度又很慢。如果你有海量的数据需要处理，或者对实时性要求略高，那使用 Whisper 可能会让你比较头疼。 你可以使用工程手段来加速推理，例如将语音分片后并发处理然后合并结果，但这里涉及到本地计算资源瓶颈的问题，以及合并分片时容错处理的问题，工程复杂度比较高。 《Distil-Whisper: Robust Knowledge Distillation via Large-Scale Pseudo Labelling 》， Whisper 的 Large-v2 model 生成了一系列的 soft targets（也就是概率分布），然后复制 Whisper 网络的第一层和最后一层解码器，最后生成了一个更小、更快效果更好的蒸馏模型 Distil-Whisper。论文数据写的是：速度提高了 5.8 倍，参数减少了 51%，准确度保持在 99%。 这个模型的效果之所以不错，主要还是得益于训练数据的完备，它结合了九个公开可用的语音识别数据集，合并后包含 21170 小时的语音数据，涵盖超过 18260 名说话者和 10 个不同的领域；自从 Whisper 大力出奇迹（它从互联网爬取了 68w 小时的数据，未公开）以后，相信后续语音领域的论文都会配置更庞大的数据集。 Distil-Whisper 目前开源在 Hugging Face 上，模型地址： Demo： Demo 会把模型下载到本地，然后通过 WebGPU 直接在网页上跑起来，测试了下效果，还是挺不错的。 目前仅支持英文，如果想让它支持中文，需要使用同样海量的中文语料数据，重新做一次知识蒸馏，但我觉得即便是这样做，效果也不一定好，因为 Whisper 本身对中文、韩语等支持就不太优秀，这个信息可以从 Whisper 的论文中找到数据支撑。 下面这个视频是 Whisper 和 Distil-Whisper 的对比效果：
0:16

Distil-Whisper：让语音识别的速度提高 5.8 倍，参数减少 51%，准确度保持在 99%。 Whisper 在语音识别方面表现卓著，但是它有一个明显的缺点：训练出来的小模型支持的语言比较少，而大模型推理速度又很慢。如果你有海量的数据需要处理，或者对实时性要求略高，那使用 Whisper 可能会让你比较头疼。 你可以使用工程手段来加速推理，例如将语音分片后并发处理然后合并结果，但这里涉及到本地计算资源瓶颈的问题，以及合并分片时容错处理的问题，工程复杂度比较高。 《Distil-Whisper: Robust Knowledge Distillation via Large-Scale Pseudo Labelling 》， Whisper 的 Large-v2 model 生成了一系列的 soft targets（也就是概率分布），然后复制 Whisper 网络的第一层和最后一层解码器，最后生成了一个更小、更快效果更好的蒸馏模型 Distil-Whisper。论文数据写的是：速度提高了 5.8 倍，参数减少了 51%，准确度保持在 99%。 这个模型的效果之所以不错，主要还是得益于训练数据的完备，它结合了九个公开可用的语音识别数据集，合并后包含 21170 小时的语音数据，涵盖超过 18260 名说话者和 10 个不同的领域；自从 Whisper 大力出奇迹（它从互联网爬取了 68w 小时的数据，未公开）以后，相信后续语音领域的论文都会配置更庞大的数据集。 Distil-Whisper 目前开源在 Hugging Face 上，模型地址： Demo： Demo 会把模型下载到本地，然后通过 WebGPU 直接在网页上跑起来，测试了下效果，还是挺不错的。 目前仅支持英文，如果想让它支持中文，需要使用同样海量的中文语料数据，重新做一次知识蒸馏，但我觉得即便是这样做，效果也不一定好，因为 Whisper 本身对中文、韩语等支持就不太优秀，这个信息可以从 Whisper 的论文中找到数据支撑。 下面这个视频是 Whisper 和 Distil-Whisper 的对比效果：

Barret李靖

124,227 görüntüleme • 2 yıl önce

iluminea - 能将任何 2D 图像转换为一个完整的 3D 世界 可以制作全景动画效果 这个网站是免费的，无需注册即可使用，操作非常的简单，只需要上传照片就可以生成全景动画效果视频，有手即可 网站链接：
0:18

iluminea - 能将任何 2D 图像转换为一个完整的 3D 世界 可以制作全景动画效果 这个网站是免费的，无需注册即可使用，操作非常的简单，只需要上传照片就可以生成全景动画效果视频，有手即可 网站链接：

千寻 🌸

40,300 görüntüleme • 3 yıl önce

有人在之前推文里问像这样的数字人是怎么做的，推荐 HeyGen 这款数字人产品。它可以选择不同的数字人，套用不同的模板，生成各种演说类的视频 口型准确，效果还是很逼真的，如果你不会的话，也可以找我。 🔗 #AIgirl #aitools
0:20

有人在之前推文里问像这样的数字人是怎么做的，推荐 HeyGen 这款数字人产品。它可以选择不同的数字人，套用不同的模板，生成各种演说类的视频 口型准确，效果还是很逼真的，如果你不会的话，也可以找我。 🔗 #AIgirl #aitools

Cellier

132,160 görüntüleme • 3 yıl önce

我靠，兄弟们，谁懂啊？我的第一个插件就这么做好了？我用一句话的指令，就让Flowith做了个打开空白标签页自动显示随机雅思单词的插件，然后他就真的跑起来啦！ Flowith不比Manus差啊，快来用！
0:19

Sensitive content

我靠，兄弟们，谁懂啊？我的第一个插件就这么做好了？我用一句话的指令，就让Flowith做了个打开空白标签页自动显示随机雅思单词的插件，然后他就真的跑起来啦！ Flowith不比Manus差啊，快来用！

Olivert

24,136 görüntüleme • 1 yıl önce

给Fable 5一句话：写一个单文件HTML，做一个逼真的随风飘动的美国国旗。 它直接甩出644行代码，旗面的褶皱、光影、抖动的节奏全对了，一次成型，没有来回改。 这种效果放几年前，得找专门做粒子特效的人调半天。
0:19

给Fable 5一句话：写一个单文件HTML，做一个逼真的随风飘动的美国国旗。 它直接甩出644行代码，旗面的褶皱、光影、抖动的节奏全对了，一次成型，没有来回改。 这种效果放几年前，得找专门做粒子特效的人调半天。

AI Will

159,714 görüntüleme • 1 ay önce

最近最喜欢的工具是 hyperframes，我让 AI 帮我生成十个基于 gasp 的过场动画，我在未来都可以使用这些特效做属于自己风格的宣传视频。 我觉得有了 AI 以后要做针对个人的个性技术栈，而不是笼统的直接使用别人的技术栈。 做自己风格的组件库，基于 BaseUI，加上自己喜欢的配色系统以及动画效果。 基于 TinyShip 做基于自己需求的基础框架，容易扩展和迁移，没有 vendor locking。 自己的 skills，针对自己开发过程中的痛点和流程，完全适配自己。 只有这样才能完全适配自己提高开发效率并且体现自己的品味和个性。
0:13

最近最喜欢的工具是 hyperframes，我让 AI 帮我生成十个基于 gasp 的过场动画，我在未来都可以使用这些特效做属于自己风格的宣传视频。 我觉得有了 AI 以后要做针对个人的个性技术栈，而不是笼统的直接使用别人的技术栈。 做自己风格的组件库，基于 BaseUI，加上自己喜欢的配色系统以及动画效果。 基于 TinyShip 做基于自己需求的基础框架，容易扩展和迁移，没有 vendor locking。 自己的 skills，针对自己开发过程中的痛点和流程，完全适配自己。 只有这样才能完全适配自己提高开发效率并且体现自己的品味和个性。

Viking

12,580 görüntüleme • 3 ay önce