漏光效果添加 - 图片角落红黄色调渐变
为图片添加类似胶片漏光的红黄色调渐变或光晕效果,营造怀旧氛围。
UD5工具箱
为图片添加类似胶片漏光的红黄色调渐变或光晕效果,营造怀旧氛围。
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
上传两张图片,实时切换并预览正片叠底、滤色、叠加等多种混合模式效果。
展示多种风格的<input type=range>样式,一键复制定制代码。
模拟经典玩具,按方向键或虚拟旋钮绘制线条,按空格键晃动清除。
生成具有扫描线、荧光拖影和屏幕弯曲效果的纯CSS复古电脑终端样式。
选择背景图片(或使用占位色),配置标题、副标题和按钮,生成Hero区域代码。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
调整透明度、模糊度和边框,实时预览毛玻璃UI卡片,生成兼容CSS backdrop-filter代码。
选择迭代深度,生成科赫雪花曲线构成的雪花形状,可填充颜色。
上传精灵图,自动切片检测或手动框选获取背景定位数值,生成CSS Sprite代码。
制作像荧光笔划过的高亮背景或扫描下划线效果,导出类名。
为照片四周添加纯色或渐变暗角,调整强度与羽化程度,营造复古或突出中心效果。
拖拽滑块调整背景模糊度、透明度与边框发光,实时预览毛玻璃面板并复制CSS代码。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
在可缩放网格上选区颜色绘制像素图,支持多帧预览简单动画。
浏览并一键复制常见CSS动画(跳动、淡入、滑动等)的@keyframes代码。
可视化配置范围滑块的轨道、滑块、填充颜色,生成跨浏览器的CSS代码。
勾选或调整所需的重置元素(盒模型、边距等),生成自定义CSS Reset片段,确保跨浏览器一致性。
在页面上叠加可拖拽的半透明网格线,辅助网格布局对齐。
在线生成可折叠的手风琴面板,自定义标题、内容与图标,支持纯CSS或简单JS切换。
将照片转为安迪·沃霍尔风格的丝网印刷波普四宫格,可替换每个格子的色彩。
分别使用主线程Canvas和OffscreenCanvas在Worker中渲染动画,对比FPS和流畅度。
将图片灰度化后,把阴影区域映射为一种颜色,高光映射为另一种,创造经典双色效果。
选择触发位置、箭头方向与样式,生成轻量悬停提示框代码。
上传一组图片,设定每张展示秒数和转场,生成WebM视频幻灯。
创建带有向下箭头和自定选项风格的自定义选择框HTML+CSS代码。
在网页顶部添加半透明暖色或暗色覆盖层,调节不透明度,降低屏幕刺眼感。
基于简单WebSocket服务,多人同时在同一画布上绘图,远程协作。
创建 Shadow DOM 与普通 DOM 元素,对比样式隔离效果,理解 @layer 和 scoped styles。