视差滚动演示器 - 多层背景不同速滚动
构建多层视差滚动示例,调整各层速度和方向,生成简洁HTML/CSS模板。
UD5工具箱
构建多层视差滚动示例,调整各层速度和方向,生成简洁HTML/CSS模板。
经典康威生命游戏,支持 HighLife、Day & Night 等多种规则,彩色表示细胞年龄。
收录多幅动态与静态视错觉,可调节参数观察效果,附科学解释。
给图片添加线性运动方向的模糊痕迹,可调节角度和强度,增强速度感。
拖拽时间轴,根据太阳高度角模拟天空从日出到日落的颜色渐变背景。
创建带有倾斜裁剪的渐变背景区块,生成CSS clip-path+渐变代码。
用准星或天平模型直观对比两个分数的大小,帮助建立数感。
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
模拟带可变性状的种群,根据环境选择压力观察种群特征分布的代际变化。
全屏旋转螺旋图案,注视片刻后停止,感受静止图案出现反向运动的错觉。
上传拍歪的文档照片,自动检测文字方向并旋转摆正,提升OCR准确率。
输入选项,生成彩色幸运大转盘,转动它帮你做出艰难决定。
在渐变条上拖拽添加和移动色标,调整颜色和位置,实时输出 CSS linear-gradient 代码。
生成三条关于名人或常识的陈述,其中一条是编造的,供聚会辨别。
沿行或列按亮度或色相对像素进行排序,产生独特的故障艺术效果。
输入背景和文字颜色,若对比度不达标,自动计算需微调至最近达标色的方案。
提供不仅依赖颜色的图表模式示例(结合纹理、形状),确保色盲用户也可区分数据。
使用指针锁定 API 在 3D 场景中控制视角移动,模拟 FPS 游戏鼠标控制。
选择一个元素,展示浏览器如何根据 ARIA 属性、内容、label 等计算其可访问名称。
使用 WebGPU 编写计算着色器执行矩阵乘法,对比 CPU 性能。
使用新的 Navigation API 拦截导航、管理历史条目,构建类 SPA 体验。
使用 NDEF 格式向 NFC 标签写入文本、URL 或自定义记录。
创建 Shadow DOM 与普通 DOM 元素,对比样式隔离效果,理解 @layer 和 scoped styles。
模拟 Encrypted Media Extensions 流程,展示如何请求许可证并播放受保护视频。
构建嵌套元素,触发事件并逐步显示事件流经路径,可切换捕获/冒泡模式。
模拟古代斯巴达人将羊皮纸绕在棍上写信息的方法,输入文本解密。
交互式展示三大类岩石如何在地质作用下相互转化,点击箭头查看条件。
从物种库拖出生物,连线表示捕食关系,自动生成食物网图,学习生态。
展示夜空主要星座,点击亮星绘制连线并显示名称与神话故事,学习天文学。
上传一小块纹理样本,利用简单模板匹配算法无缝扩展填充成一张大图。