Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

今天又学了一个新的 css 属性：field-sizing 是我最近学到的最有用的属性了，可以实现根据输入的 content 实现可变宽高的 textarea，当我写了半天 js 实现对应的效果，发现 CSS 可以很轻松的实现对应的效果了。 而且针对响应性设计使用这个属性会非常的方便。

vikingmute's profile picture

Viking

66,627 subscribers

52,548 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungGesundheit & WellnessWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von 0xE31
0xE31vor 1 Jahr

没有受到广泛支持的 css 属性等于不存在

Profilbild von 一丝
一丝vor 1 Jahr

不支持的浏览器可以用 CSS grid 模拟。

Profilbild von woody lee
woody leevor 1 Jahr

我用editable-content的div来实现

Profilbild von 阿欢课堂
阿欢课堂vor 1 Jahr

放在以前，我会用contenteditable这个属性，把div伪装成输入框……

Profilbild von Rei
Reivor 1 Jahr

safari 和 firefox 还不支持。

Profilbild von Chuck Chen
Chuck Chenvor 1 Jahr

目前仅chrome系支持比较完善，等待其他浏览器赶上。

Profilbild von Pengcheng Cui
Pengcheng Cuivor 1 Jahr

cool，但还得等等

Profilbild von 我就是我
我就是我vor 1 Jahr

现在只敢说认识CSS这三个字母

Profilbild von VaynePeng
VaynePengvor 1 Jahr

还是一个实验性语法，可以先用 div + absolute 实现

Profilbild von weedman
weedmanvor 1 Jahr

太牛了，一直没找到js怎么实现

Ähnliche Videos

一篇老文了，今天想做一个 Liquid Glass 效果的组件的时候又翻到了，如果你想用 CSS + SVG 实现 Liquid Glass 的效果，那么就收藏这篇文章： 这是原理/实现/最终效果都实现的最好的，如果自己懒得看，直接喂给 AI，让它帮你实现就好。效果可以看 Demo，已经可以和原生的媲美
0:28

一篇老文了，今天想做一个 Liquid Glass 效果的组件的时候又翻到了，如果你想用 CSS + SVG 实现 Liquid Glass 的效果，那么就收藏这篇文章： 这是原理/实现/最终效果都实现的最好的，如果自己懒得看，直接喂给 AI，让它帮你实现就好。效果可以看 Demo，已经可以和原生的媲美

Viking

26,943 Aufrufe • vor 2 Monaten

苦于这个MagicUI 是基于React的，发现使用 Vue 的同学也有福了，现在有一个 SparkUI，几乎和 MagicUI 的组件 效果一样的，完全开源的。 但是是用 Vue/Typescript/VueMotion/TailwindCSS 编写的，对于我这种现在主力是 Vue 的人可以立马使用起来了。
0:26

苦于这个MagicUI 是基于React的，发现使用 Vue 的同学也有福了，现在有一个 SparkUI，几乎和 MagicUI 的组件 效果一样的，完全开源的。 但是是用 Vue/Typescript/VueMotion/TailwindCSS 编写的，对于我这种现在主力是 Vue 的人可以立马使用起来了。

Viking

67,635 Aufrufe • vor 1 Jahr

#WWDC25 除了公开 API 的两个属性外，系统还藏了很多 Liquid Glass 材质和丰富的微调选项，甚至还可以一键实现带果冻效果的交互。
0:44

#WWDC25 除了公开 API 的两个属性外，系统还藏了很多 Liquid Glass 材质和丰富的微调选项，甚至还可以一键实现带果冻效果的交互。

Cyandev

18,803 Aufrufe • vor 1 Jahr

KAT-Coder-Pro-V1 实测! 早放3个月就好了? 给大家带来 kat coder pro v1 的测试结果: 首先, 所有的 three js 测试, 全都有包引用错误, 你所看到的所有演示都是我修了一次才能运行的画面. 大象牙膏测试中，三角烧瓶, 液面, 粒子建模的效果比较简陋, 泡沫没有实现逐渐变形并消失的效果, 光照效果也一般, 总体来说实现效果很简陋. 过山车测试, 同样是实现效果很简陋, 另外支撑柱的算法没有设计对, 还是穿模了. 鞭炮连锁爆炸测试, 亮点的地方是还是可以实现连锁爆炸的, 不过性能有很严重的问题, 特别卡 python 杯子倒水测试反而实现的很不错, prompt 中要求的效果基本都实现了. 总结: 前端性能目前看来一般, 大概是7月份那一波大模型的腰部水平, python 性能反而可圈可点. 建议继续打磨, 很高兴看到国产编码大模型又添一员. 早点放出来就好了呀! 这个性能在7月份是可以一战的！ 另外, 官网演示还用了我7月份写的炸烟囱的 prompt, 但是这个 prompt 已经被我淘汰了, 因为现在头部大模型都能很轻松完成这个测试了. 建议换一些更复杂的体现模型性能. #katcoder #KCORES大模型竞技场
2:35

KAT-Coder-Pro-V1 实测! 早放3个月就好了? 给大家带来 kat coder pro v1 的测试结果: 首先, 所有的 three js 测试, 全都有包引用错误, 你所看到的所有演示都是我修了一次才能运行的画面. 大象牙膏测试中，三角烧瓶, 液面, 粒子建模的效果比较简陋, 泡沫没有实现逐渐变形并消失的效果, 光照效果也一般, 总体来说实现效果很简陋. 过山车测试, 同样是实现效果很简陋, 另外支撑柱的算法没有设计对, 还是穿模了. 鞭炮连锁爆炸测试, 亮点的地方是还是可以实现连锁爆炸的, 不过性能有很严重的问题, 特别卡 python 杯子倒水测试反而实现的很不错, prompt 中要求的效果基本都实现了. 总结: 前端性能目前看来一般, 大概是7月份那一波大模型的腰部水平, python 性能反而可圈可点. 建议继续打磨, 很高兴看到国产编码大模型又添一员. 早点放出来就好了呀! 这个性能在7月份是可以一战的！ 另外, 官网演示还用了我7月份写的炸烟囱的 prompt, 但是这个 prompt 已经被我淘汰了, 因为现在头部大模型都能很轻松完成这个测试了. 建议换一些更复杂的体现模型性能. #katcoder #KCORES大模型竞技场

karminski-牙医

24,454 Aufrufe • vor 7 Monaten

今天最佳文章：在浏览器中实现 Liquid Glass（液态玻璃） 磨砂玻璃效果 使用纯的 CSS + SVG 效果。非常值得学习。 核心亮点是不用任何第三方库，完全基于物理折射原理（斯涅尔定律）计算光线位移，然后用 SVG 的 滤镜来扭曲背景，实现真实的“透过弯曲玻璃看内容”的畸变效果，还加了边缘高光（specular highlight），视觉上非常接近 Apple 的 Liquid Glass。 效果真的是非常的赞，特别的精致，畸变很真实，大家可以看文章中的可交互 demo，也可以看我的录屏。 不知道这样的效果是怎么想出来的，要学习什么知识才能了解这些效果的底层原理？
0:28

今天最佳文章：在浏览器中实现 Liquid Glass（液态玻璃） 磨砂玻璃效果 使用纯的 CSS + SVG 效果。非常值得学习。 核心亮点是不用任何第三方库，完全基于物理折射原理（斯涅尔定律）计算光线位移，然后用 SVG 的 滤镜来扭曲背景，实现真实的“透过弯曲玻璃看内容”的畸变效果，还加了边缘高光（specular highlight），视觉上非常接近 Apple 的 Liquid Glass。 效果真的是非常的赞，特别的精致，畸变很真实，大家可以看文章中的可交互 demo，也可以看我的录屏。 不知道这样的效果是怎么想出来的，要学习什么知识才能了解这些效果的底层原理？

Viking

79,178 Aufrufe • vor 7 Monaten

最近看到了 HTML-in-Canvas 这个特性，有外国推友做了一系列的实验，觉得很酷，赶快去学习一下。 注意是实验特性，用 Google Chrome Canary 而且要开 chrome://flags/#canvas-draw-element 仿造原推让 AI 做了几个炫酷的 border 特效，觉得真的很强，不仅仅是效果，而是这个理念，HTML-in-Canvas 可以直接把带完整 CSS 的 HTML 元素画进去，不用处理那种非常复杂的布局方式，可以先用 HTML/CSS 写出干净的内容，再在 Canvas 层叠加，开发效率高很多。 还让 AI 写了篇原理解释的文章，大家也可以读读： 我觉得这个特性真的是大有可为。
0:28

最近看到了 HTML-in-Canvas 这个特性，有外国推友做了一系列的实验，觉得很酷，赶快去学习一下。 注意是实验特性，用 Google Chrome Canary 而且要开 chrome://flags/#canvas-draw-element 仿造原推让 AI 做了几个炫酷的 border 特效，觉得真的很强，不仅仅是效果，而是这个理念，HTML-in-Canvas 可以直接把带完整 CSS 的 HTML 元素画进去，不用处理那种非常复杂的布局方式，可以先用 HTML/CSS 写出干净的内容，再在 Canvas 层叠加，开发效率高很多。 还让 AI 写了篇原理解释的文章，大家也可以读读： 我觉得这个特性真的是大有可为。

Viking

15,500 Aufrufe • vor 2 Monaten

那么多单打詹姆斯的视频 这个是最合理的一个，给圈外人应该是看不出来是AI的程度了。 以后想看 NBA 球星单挑真的可以直接让Seedance做了，太精彩了。 已经超过了玩梗，到了真正能实现现实实现不了的东西了。
1:36

那么多单打詹姆斯的视频 这个是最合理的一个，给圈外人应该是看不出来是AI的程度了。 以后想看 NBA 球星单挑真的可以直接让Seedance做了，太精彩了。 已经超过了玩梗，到了真正能实现现实实现不了的东西了。

陳威廉

43,167 Aufrufe • vor 4 Monaten

. Nowledge Mem 的用户期待更方便的全图洞察分析，今天的 0.6.18 版本里有了最初的实现，这只是开始 马上会有更多的有用的洞察实现，这波做完了我就出教程哈~~~
0:44

. Nowledge Mem 的用户期待更方便的全图洞察分析，今天的 0.6.18 版本里有了最初的实现，这只是开始 马上会有更多的有用的洞察实现，这波做完了我就出教程哈~~~

Wey Gu 古思为

10,234 Aufrufe • vor 2 Monaten

赵紫阳在六四戒严前与学生对话：“你们应该健康地活着，看到我们中国实现四化的那一天”。 突然在这个老视频中听到熟悉又陌生的“四个现代化”，仔细想想看，其实应该说，今天的中国，已经算是实现了吧？
0:33

赵紫阳在六四戒严前与学生对话：“你们应该健康地活着，看到我们中国实现四化的那一天”。 突然在这个老视频中听到熟悉又陌生的“四个现代化”，仔细想想看，其实应该说，今天的中国，已经算是实现了吧？

艾森 Essen

195,317 Aufrufe • vor 1 Jahr

👺终于做完了一个二十年前的梦！ 这两天手搓出的一套APP系统，帮我把心里的画面呈现出来，虽然SD2确实强大，但也确实拉胯。设计半小时，制作半小时，等待10小时。 🚀但今天这个作品，除了因为它是长视频测试过关的作品，也是对我来说，曾经有十年，我打卡了每一场五月天的演唱会，只是为了现场听到这首歌。 每个人心里都会有一个画面，很庆幸它可以用这样的方式呈现在我面前。AI让我们每个人都有了做梦的权力和实现梦想的方法。
2:35

👺终于做完了一个二十年前的梦！ 这两天手搓出的一套APP系统，帮我把心里的画面呈现出来，虽然SD2确实强大，但也确实拉胯。设计半小时，制作半小时，等待10小时。 🚀但今天这个作品，除了因为它是长视频测试过关的作品，也是对我来说，曾经有十年，我打卡了每一场五月天的演唱会，只是为了现场听到这首歌。 每个人心里都会有一个画面，很庆幸它可以用这样的方式呈现在我面前。AI让我们每个人都有了做梦的权力和实现梦想的方法。

肖师傅

15,348 Aufrufe • vor 3 Monaten

Dokie：一键生成可编辑的PPT 如果你的老板让你给他汇报openclaw（Clawdbot）是什么，你可以直接用我这个PPT了。 在Dokie里，上传要转换成PPT的文档，输入内容和排版要求，一键就能生成PPT。特点是可编辑、可导出pptx文件、自带动画，效果非常丝滑。 采用的是HTML+SVG方案，没有使用Banana直接出图，但是也能实现逻辑复杂的布局方案，而且有Banana无法实现的可编辑和动画效果，平衡了美观性和可维护性，是非常巧妙的方案。PPT播放效果见下方视频。
0:51

Dokie：一键生成可编辑的PPT 如果你的老板让你给他汇报openclaw（Clawdbot）是什么，你可以直接用我这个PPT了。 在Dokie里，上传要转换成PPT的文档，输入内容和排版要求，一键就能生成PPT。特点是可编辑、可导出pptx文件、自带动画，效果非常丝滑。 采用的是HTML+SVG方案，没有使用Banana直接出图，但是也能实现逻辑复杂的布局方案，而且有Banana无法实现的可编辑和动画效果，平衡了美观性和可维护性，是非常巧妙的方案。PPT播放效果见下方视频。

Gorden Sun

88,168 Aufrufe • vor 4 Monaten

这是一段大佬私下闲聊、非常真实的对话，没有剧本、没有滤镜。 这个视频应该有10来年了，那个时候还没啥AI，所以应该是真实的。 现实生活中，能这样随意聊天的关系应该都不错，最起码是那种很熟的人，因为大家都了解对方，所以不用刻意的去伪装。 那些饭局上，聚会上，聊天都中规中矩的，那我们就可以判断出，他们关系一定不是很熟。
0:34

这是一段大佬私下闲聊、非常真实的对话，没有剧本、没有滤镜。 这个视频应该有10来年了，那个时候还没啥AI，所以应该是真实的。 现实生活中，能这样随意聊天的关系应该都不错，最起码是那种很熟的人，因为大家都了解对方，所以不用刻意的去伪装。 那些饭局上，聚会上，聊天都中规中矩的，那我们就可以判断出，他们关系一定不是很熟。

韩跑跑

33,103 Aufrufe • vor 3 Monaten

怎样做出令人惊艳的代码交互视频，这位国外推友在回复中分享了他的技术栈，效果真的很帅，我觉得非常不错，以后也可以常用，尤其是在教学视频/博客中等等很好用。 CodeHike： 一个代码高亮以及代码 walkthrough 模拟库，做的非常棒，以后我可以常用这个库了，它有一系列实验的特性，可以实现多种交互，大家可以看看各种 demo： Remotion： 使用 React 代码来创建剪辑视频，非常方便还有各种比较高级的交互，还有一个基于 Web 的 studio，没想到还有这样的思路和工具，很有趣。
0:20

怎样做出令人惊艳的代码交互视频，这位国外推友在回复中分享了他的技术栈，效果真的很帅，我觉得非常不错，以后也可以常用，尤其是在教学视频/博客中等等很好用。 CodeHike： 一个代码高亮以及代码 walkthrough 模拟库，做的非常棒，以后我可以常用这个库了，它有一系列实验的特性，可以实现多种交互，大家可以看看各种 demo： Remotion： 使用 React 代码来创建剪辑视频，非常方便还有各种比较高级的交互，还有一个基于 Web 的 studio，没想到还有这样的思路和工具，很有趣。

Viking

49,005 Aufrufe • vor 2 Jahren

高铁上好无聊，剪了一个非常零碎的对话 发现原来我对🍐说的最多的话是“你快动啊” #doi实录
2:19

Sensitive content

高铁上好无聊，剪了一个非常零碎的对话 发现原来我对🍐说的最多的话是“你快动啊” #doi实录

冰糖雪梨🍐

50,119 Aufrufe • vor 9 Monaten

Wendy's 马上要来中国了，这个时间点来其实是好的，中国消费者现在变得理性了，所以这类相对低成本成熟的快餐店应该市场还是可以的。只是我吃的少，加州人有In and Out，what are you talking about。。。
4:30

Wendy's 马上要来中国了，这个时间点来其实是好的，中国消费者现在变得理性了，所以这类相对低成本成熟的快餐店应该市场还是可以的。只是我吃的少，加州人有In and Out，what are you talking about。。。

WangNextDoor

15,195 Aufrufe • vor 23 Tagen

这个想去哪里点哪里的 Nano Banana Pro应用，上传你的照片就可以生成对应地点的旅行照。 现在可以在 Youware 里面用了！ 前几天发了以后，很多朋友说没有 AI Studio 的API，所以用起来很困难。所以刚刚才早上就在 Youware 里适配了一个。 而且他们现在还有APP，你可以直接在手机玩。
0:30

这个想去哪里点哪里的 Nano Banana Pro应用，上传你的照片就可以生成对应地点的旅行照。 现在可以在 Youware 里面用了！ 前几天发了以后，很多朋友说没有 AI Studio 的API，所以用起来很困难。所以刚刚才早上就在 Youware 里适配了一个。 而且他们现在还有APP，你可以直接在手机玩。

歸藏(guizang.ai)

29,549 Aufrufe • vor 6 Monaten

看了最新的炸伊朗的视频，不知道是不是七哥之前说的炸弹之母，今天美国真实实在的行动最大的意义在于对共产党的路线确定了，而且很果断。 七哥之前也说过，也是最好的情况，这个路线可以避免国内出现多年的人吃人的动乱，可以迅速过度到新的阶段。
1:39

看了最新的炸伊朗的视频，不知道是不是七哥之前说的炸弹之母，今天美国真实实在的行动最大的意义在于对共产党的路线确定了，而且很果断。 七哥之前也说过，也是最好的情况，这个路线可以避免国内出现多年的人吃人的动乱，可以迅速过度到新的阶段。

Longwood（大根）

28,676 Aufrufe • vor 1 Jahr