提示框
纯CSS实现的轻量级高颜值工具提示（tooltip）插件这是一款简易的纯CSS工具提示（tooltip）效果，提供了圆角以及直角两种样式，不需要额外的伪元素。总共有上下左右四个开口方向的提示框设计。
3D全景看图
HTML中使用纯CSS构建的3D全景视界查看图片效果这是一款图片全景展示效果，完全基于CSS技术实现，通过使用视口单位进行3D转换，创建出沉浸式的图像浏览体验。由于采用了transform-style: preserve-3d属性，此效果可以在支...
虚拟钢琴
HTML实现可发声的CASIO SA-20虚拟键盘钢琴这是一款CASIO SA-20键盘钢琴的在线HTML复制品效果，主要基于HTML、CSS和JavaScript技术实现，特别使用了JavaScript的AudioContext API和振荡器（...
工具栏
react+CSS实现的悬浮工具栏插件，支持滑动选择操作！这是一款带有滑动选择效果的悬浮工具栏设计，有垂直以及水平排列两种布局方式，基于CSS+SVG+react技术实现。在这个设计中，当用户在工具栏中选择不同的工具时，指示器会平滑地滑动到所选工具的位...
打字测速
JavaScript实时打字测速在线小工具这是一款实时测量打字速度的速度计，基于JavaScript技术实现。它的工作原理类似于typetest.com等在线打字测试网站上的速度计，通过计算每分钟输入的单词数（WPM）来衡量用户的打字速...
惊喜礼品盒
CSS点击开启爆炸礼物动画 - 节日惊喜互动效果这是一款“爆炸礼物”的惊喜礼物盒互动动画效果，基于Three.js技术实现。当用户点击礼物图标、按Enter键或Spacebar键时，礼物的包装纸和丝带会瞬间爆炸成碎片，展现出礼物内部的内容。能...
温度计
动态温度计 - CSS绘制与JS控制的互动温度显示这是一款基于CSS绘制并由JavaScript控制的温度计效果。温度计的汞柱会随机上下移动，模拟温度的变化。当用户将鼠标悬停在汞柱上时，会显示当前的温度数值，为用户提供直观的温度变化感受。此效果...
印刷模板
Canvas+JS图片转喷漆印刷风格模板 - 创意艺术转换在线工具这是一款将上传的图片转换为喷漆模板艺术的在线小工具，基于HTML5 Canvas和JavaScript技术实现。用户可以上传任何图片，应用程序会自动处理图片，将其转化为适合制作成印刷模板风格的设...
网页版计算器
CSS+JS实现的拟物化风格计算器，实体感设计与键盘友好操作这是一款拟物化计算器效果，基于HTML+CSS+JavaScript技术实现，设计上力求还原实体计算器的外观和手感，包括常见的功能按键如百分比（%）、平方根（√）以及记忆功能键等。此外，计算...
滑动步进器
CSS高颜值滑动步进器实现，更优雅地方式调整加减数字这是一款带有趣味效果的滑动步进器，基于CSS+JavaScript技术实现。设计上，步进器的每一步都伴随着平滑的滑动动画，以及视觉上的反馈变化（被选中的文字会放大突出显示），使得用户在操作过程中...
创意文字
html中10种有创意的文字悬停动画效果使用splitting.js插件结合CSS实现的10种有创意的文字展示动画效果，将这些炫酷的文字动画效果应用于鼠标悬停或者初始化页面文字加载场景中，可以提高页面的交互性和用户体验。
答题插件
基于 jQuery 实现的一个简单的问答插件本代码创建了一个简单的 jQuery 问答模块，它会生成多道问答题，并根据所选选项计算总分，然后将分数与预定义的结果进行匹配，显示最终结果。这款问答插件可应用于市场调查、问卷调查、测试或者其他有...