玻璃拟态卡片生成 - CSS Glass Card
采用backdrop-filter和半透明背景,生成流行的玻璃质感UI卡片代码。
UD5工具箱
在线生成随机液体飞溅背景 · 墨水 · 水彩 · 颜料飞溅艺术
采用backdrop-filter和半透明背景,生成流行的玻璃质感UI卡片代码。
在图片上叠加倾斜雨丝和雾气,并调节雨的密度和速度,可导出动画GIF。
以鼠标点击处为落石,在图片上产生一圈圈扩散的波纹折射扭曲。
将图片内容加粗白色描边并添加阴影,生成类似聊天贴纸的圆形/方形效果。
在照片上随机生成大小不同、带阴影的镂空透明圆孔,创造奶酪状的创意卡片。
选择多张图片和一个Logo图,批量将Logo放在角落并调整透明度,并下载打包。
演示如何用Intersection Observer实现滚动到底部自动加载内容的经典模式。
随机将行业、技术和目标用户拼接,生成充满槽点的奇葩创业点子,仅供娱乐。
嵌套的彩色方块,点击内层观察事件传播顺序,直观理解addEventListener的第三个参数。
在 Favicon 上叠加未读消息数量的数字角标,生成相应 JS 代码。
在虚拟盆中拖拽树木、石头、苔藓等元素,设计自己理想的盆景样式。
从任意分布中抽取样本并绘制均值分布直方图,随着样本量增大趋近正态分布。
点击屏幕转瓶,指针指向谁谁接受真心话或大冒险的挑战。
粘贴Shadow DOM代码,直观预览封装组件内部的CSS作用域及其对外界的影响。
按Facebook/Youtube/Twitter标准尺寸生成背景,叠加文字,下载封面。
利用Canvas将摄像头画面或图片实时切割并多重镜像,形成动态万花筒视觉效果。
设定储蓄目标金额,每次记录存入金额,环形图显示完成百分比,激励达成财务目标。
设计个人或企业HTML邮件签名,填入照片、姓名、电话和社交链接,导出代码直接使用。
在动画水池中投放写有愿望的硬币,也可随机打捞查看他人匿名愿望,带来温馨互动体验。
分解查询参数,高亮可能存在的SQL注入或XSS模式,辅助安全审查。
输入日期和数值,生成类似GitHub贡献图的年度热力图,可自定义颜色和统计。
演示元素进入视口时触发懒加载和曝光埋点,并展示当前可见比例。
设置目标日期,生成一个精巧的倒计时代码片段,可嵌入任何网页。
输入花名或关键词(如“爱”),查找对应花语含义和适用场合。
从气温和相对湿度推导露点温度,并可判断是否可能结露或下雾。
提供每段应该写什么的提示,辅助填写个性化的求职信内容。
设置喝水间隔,浏览器定时发出通知提醒,记录每日饮水杯数,养成好习惯。
团队成员在会前用温度计匿名标情绪,汇总显示利于主持人引导。
输入正则表达式,检测潜在的指数级回溯陷阱,避免服务器性能被恶意输入拖垮。
利用浏览器Crypto API生成密码学安全的随机字节序列及对应的整数和十六进制。