视差滚动演示器 - 多层背景不同速滚动
构建多层视差滚动示例,调整各层速度和方向,生成简洁HTML/CSS模板。
UD5工具箱
在左侧输入 Markdown,这里将实时显示渲染结果
- [ ] 和 - [x])~~text~~):smile:)构建多层视差滚动示例,调整各层速度和方向,生成简洁HTML/CSS模板。
用准星或天平模型直观对比两个分数的大小,帮助建立数感。
生成带有严格同步滴答声的闪烁测试视频,用于校正播放设备延迟。
输入两个人多个维度的得分,生成叠加透明的双色雷达图进行直观对比。
上传图片,生成BlurHash字符串和对应的CSS占位图像,用于渐进式加载。
沿行或列按亮度或色相对像素进行排序,产生独特的故障艺术效果。
上传拍歪的文档照片,自动检测文字方向并旋转摆正,提升OCR准确率。
给图片添加线性运动方向的模糊痕迹,可调节角度和强度,增强速度感。
在渐变条上拖拽添加和移动色标,调整颜色和位置,实时输出 CSS linear-gradient 代码。
选择青、品、黄、黑等基本颜料,按比例混合,预览油画或水彩的调色结果。
选择许可证类型,生成美观的 shields.io 样式许可证徽章 Markdown 代码。
上传GIF,减少颜色数量、移除重复帧、调整尺寸以降低文件大小。
输入或上传(CSV)两组数值数据,自动绘制散点图并显示回归趋势线。
将两张图片叠加,并应用屏幕、叠加等混合模式,创造艺术化双重曝光效果。
手动触发创建大量对象,监控 performance.memory 的变化,初步判断内存增长趋势。
随机生成一对背景和文字颜色,并显示其WCAG对比度是否合格。
加载图片,显示其最低有效位平面图,辅助发现可能存在的LSB隐写信息。
将图片像素按亮度或色相排序,生成拉伸条状的故障艺术效果。
创建带有倾斜裁剪的渐变背景区块,生成CSS clip-path+渐变代码。
全屏旋转螺旋图案,注视片刻后停止,感受静止图案出现反向运动的错觉。
输入文本或加载文件,使用Brotli算法压缩,显示压缩前后大小和比率。
将图片转换为像素艺术风格,可调整像素块大小,生成复古像素效果,纯前端Canvas渲染。
输入数据集,生成交互式箱线图,自动计算 IQR 并标记异常值,显示详细统计量。
生成粉红噪音并允许调节各频段增益,用于音响系统测试或助眠。
输入一组数字,分析首位数字分布与本福特定律的吻合程度,用于数据审计。
输入两种颜色,显示它们的灰度值并对比视觉重量,适用于层次设计。
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
将CSS渐变与SVG噪点滤镜叠加,生成富有质感的网页背景代码。
输入网站URL(需可Iframe或截图),套用色盲滤镜预览实际视觉效果。
输入背景和文字颜色,若对比度不达标,自动计算需微调至最近达标色的方案。