手风琴组件生成器 - 折叠面板HTML/CSS代码
在线生成可折叠的手风琴面板,自定义标题、内容与图标,支持纯CSS或简单JS切换。
UD5工具箱
在线生成可折叠的手风琴面板,自定义标题、内容与图标,支持纯CSS或简单JS切换。
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
在可缩放网格上选区颜色绘制像素图,支持多帧预览简单动画。
配置滚动容器与目标元素,自定义随滚动触发的关键帧动画,输出纯CSS代码。
加载两段节奏循环,用鼠标在虚拟唱片上移动模拟黑胶搓碟效果。
随机生成两到五种颜色的组合,附带预览色块,提供设计意外之喜。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
为图片添加CRT电视的扫描线、像素抖动和雪花噪点效果,营造怀旧氛围。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
自定义箭头方向、颜色、大小和动画,生成无需JavaScript的纯CSS tooltip组件代码。
绑定动画进度到滚动位置,交互式调整参数,直观理解scroll-timeline和view-timeline。
上传壁纸,根据Material Design 3的算法生成瑟拉斯等色系的CSS变量代码。
点击某个格子会反转自身和十字范围内所有格子的灯,目标点亮全部或熄灭全部。
为图片添加类似胶片漏光的红黄色调渐变或光晕效果,营造怀旧氛围。
制作像荧光笔划过的高亮背景或扫描下划线效果,导出类名。
选择触发位置、箭头方向与样式,生成轻量悬停提示框代码。
绘制或上传一个小图像,生成可用的.cur或内联SVG鼠标指针CSS代码。
请求Screen Wake Lock防止屏幕关闭,监听释放事件,适用于观看长内容等场景。
随机组合主题、风格、光照和艺术家名称,生成一段绘画或AI绘图提示语。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
预览并调整撒花动画的速度、密度和形状,生成一键调用撒花的JS函数代码片段。
编写JavaScript代码,自动转换为可直接拖拽至书签栏的Bookmarklet链接。
展示多种风格的<input type=range>样式,一键复制定制代码。
生成使用Intersection Observer实现图片懒加载的JavaScript代码,含过渡动画。
选择任意基色,自动计算互补色、分裂互补及三分色,提供十六进制代码,一键复制。
请求浏览器保持屏幕唤醒,防止自动锁屏,显示当前唤醒锁状态。
配置基于滚动位置触发的CSS @scroll-timeline动画,复制适配代码。
在六根弦上点选品位,自动生成ASCII或纯文本格式的TAB谱。