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