CSS random()实践与浏览器支持进展
热点事件持续更新
CSS random()实践与浏览器支持进展
1 篇报道1 个报道来源5 小时前更新
先了解这件事
AI 综述
Brecht De Ruyte 讲解并以 CodePen 演示 CSS `random()`，用于生成可控的伪随机值，在不依赖 JavaScript 的情况下实现字母跳动、卡片散开、背景及模糊等效果。 Safari 已率先支持该功能，但相关随机项目前尚无浏览器支持，Chrome 156 正在推出，Firefox 也出现积极信号。实践应通过 `@supports` 做渐进增强，并结合 `prefers-reduced-motion` 限制动画；用于装饰性文字时，还需向屏幕阅读器隐藏拆分后的视觉元素并提供完整词语。
AI 根据报道生成 · 2 小时前更新
最新进展10月20日 18:00
用 CSS `random()` 为网页加入可控的随机效果报道时间线
沿着报道，了解事件的不同侧面。
10月20日
- Smashing Magazine用 CSS `random()` 为网页加入可控的随机效果
CSS `random()` 可在不依赖 JavaScript 的情况下生成伪随机值，Safari 已支持，Chrome 156 正在推出，Firefox 也出现积极信号。文章通过字母、卡片、滚动布局、背景和模糊效果演示其语法、缓存键、步进值与设计边界，并强调用 `@supports` 进行渐进增强、用 `prefers-reduced-motion` 处理动画、避免影响屏幕阅读器和核心布局。
本事件热度走势
还没有足够的连续观测数据，暂不绘制趋势。