玻璃拟态卡片生成 - CSS Glass Card
采用backdrop-filter和半透明背景,生成流行的玻璃质感UI卡片代码。
UD5工具箱
采用backdrop-filter和半透明背景,生成流行的玻璃质感UI卡片代码。
在照片上随机生成大小不同、带阴影的镂空透明圆孔,创造奶酪状的创意卡片。
在图片上叠加倾斜雨丝和雾气,并调节雨的密度和速度,可导出动画GIF。
粘贴Shadow DOM代码,直观预览封装组件内部的CSS作用域及其对外界的影响。
在虚拟盆中拖拽树木、石头、苔藓等元素,设计自己理想的盆景样式。
按Facebook/Youtube/Twitter标准尺寸生成背景,叠加文字,下载封面。
输入花名或关键词(如“爱”),查找对应花语含义和适用场合。
在网格上拖拽放置树木、花坛、路径等元素,设计梦想花园布局图。
输入日期和数值,生成类似GitHub贡献图的年度热力图,可自定义颜色和统计。
从任意分布中抽取样本并绘制均值分布直方图,随着样本量增大趋近正态分布。
上传植物照片,记录采集时间、地点与种名,建立个人数字标本馆,支持标签筛选。
打开虚拟幸运饼干,得到一句随机祝福、哲理名言或搞笑预言,分享好运。
嵌套的彩色方块,点击内层观察事件传播顺序,直观理解addEventListener的第三个参数。
设定储蓄目标金额,每次记录存入金额,环形图显示完成百分比,激励达成财务目标。
生成符合BIP39标准的12或24个英文助记词,前端安全随机,仅供学习。
将图片内容加粗白色描边并添加阴影,生成类似聊天贴纸的圆形/方形效果。
在 Favicon 上叠加未读消息数量的数字角标,生成相应 JS 代码。
输入字符串并使用 URL.canParse() 判断是否为有效 URL,不抛出异常。
对JavaScript代码进行变量重命名、字符串加密等混淆处理,增加阅读难度,保护客户端逻辑。
展示象限仪座、英仙座等著名流星雨的年度极大日期与ZHR。
在玻璃容器中逐层添加沙石、土壤、植物和装饰,预览微景观生态瓶效果。
在网格上拖拽不同植物图标,设计菜园或花坛的种植布局,考虑间距与轮作。
生成高颜值的液态泼溅背景图,提供CSS代码或直接下载作为网站容器背景。
输入所处位置和日期,估算某区域一天中大致日照时长。
选择季节与天气情况,模型估算花粉浓度等级与防护建议,过敏人群出行参考。
将普通英文转换为《我的世界》中附魔台显示的标准银河字母(Standard Galactic Alphabet)。
以鼠标点击处为落石,在图片上产生一圈圈扩散的波纹折射扭曲。
利用浏览器Crypto API生成密码学安全的随机字节序列及对应的整数和十六进制。
添加植物名称和浇水间隔,显示下次浇水日,并可设置浏览器提醒。
多功能百分比计算工具,计算数值的百分比、增减百分比、占比等常见场景。