资料展示
Tailwind CSS实现的玻璃质感双层布局个人信息展示效果基于Tailwind CSS框架实现的用户信息个人资料展示面板，整个资料区分两层展示，可通过上层的右上角菜单激活下层资料的进一步展示，这种带玻璃质感样式外观的用户界面设计风格给人一种现代、高科技...
客户反馈
Tailwind CSS 客户评价布局模板，支持多个反馈信息手动切换效果使用Tailwind CSS创建的一款时尚简约且布局合理的客户反馈模块模版，色彩采用的是黑白搭配的简约风格，可放置多个客户反馈信息，支持手动轮播切换，每个客户反馈信息涵盖客户信息、点评信息以及头...
日食动画
Lume 网页端模拟日食全过程动画效果在html网页端通过Lume实现的日食变化全过程动画效果，实现起来特别简单，只需要在html网页中引入Lume插件，进行简单的设置即可实现，该效果可用在日常教学或者自己学习中。
3D动画树
CSS 交互式 3D 毕达哥拉斯树使用3D插件three.js构建的毕达哥拉斯树动画效果，支持配置树的递归深度、颜色，控制树的放大与缩小以及旋转3D毕达哥拉斯树，颜色支持随机颜色以及闪光霓虹灯颜色，此外还支持全屏查看。
滚动动画
ScrollMagic 滚动网页小窗口动态展示缩略图或视频滚动动画效果是基于强大的动画滚动魔法 JavaScript 插件 ScrollMagic 创建的，该动画呈现的效果是：网页中的多个secton区域设置了缩略图小窗口，小窗口中可放置图片或者视频，...
弹跳切换效果
jQuery 插件使用弹跳效果实现页面滚动模块切换这是一款轻量级、易于定制的页面滚动 jQuery 插件，您只需在页面中创建 HTML 部分，该插件原理是：自动检测窗口滚动事件获取到下一个模块并产成弹跳动画效果。此外，该插件还提供隐藏浏览器滚动...
名片展示
Bootstrap 5 实现的带悬浮展示效果的团队名片效果基于 Bootstrap 5 实现的一个动态卡片展示模板，在鼠标悬停时可以突出显示技能进度条信息，同时底部还包含用户的社交媒体联系资料，非常适合个人网站或作品集展示网站使用，它使用 Bootst...
转换为Base64
使用 JavaScript 将图像/文本转换为 Base64这段 JavaScript 代码可实现将图像或者文本转换为 base64 格式内容，在页面中选择目标图片或者文本进行转换，它会将选择的文件转换为 Base64 数据 URI，这段代码有助于快...
格式转换
使用 JavaScript 将 JPG 图片转换为 PNG 格式本 JavaScript 代码可实现将jpg格式的照片转换为png格式。它提供了一个在线的转换图片工具页面，包含上传图片按钮、转换格式按钮以及重置按钮，用于选择图像并将其从 JPG 转换为 PN...
工时计算
基于 JavaScript 实现的工时自动计算器插件这个 JavaScript 时间计算器是一个跟踪和计算工时的便捷工具，该代码利用 jQuery UI 日期选择器让您选择特定日期，将为一周中的每一天填充一个表格，表格中的列可以输入开始和结束时间...
404页面
带悬浮纸张撕纸效果的 404 页面响应式 HTML 模板该 HTML 和 CSS 模板可创建一个具有撕纸效果的 404 错误页面，它使用 HTML 和 CSS 显示带有 404 消息和 "返回首页 "链接的纸张图形，该模板可为您的网站添加一个具有视觉...
设计器
带演示的 JavaScript T 恤设计器代码本 JavaScript 代码为 T 恤设计应用程序提供支持，它支持图片局部放大、颜色选择、添加logo和文字以及定制纹理图案，通过该工具，您可以轻松地创建和实时预览个性化 T 恤设计。您可以利...