跳跃百分比
SVG 创意百分比跳跃加载动画效果轻量级的百分比加载特效，整体动画效果效果是由 JavaScript 驱动 SVG 矢量图完成的，产生的效果是：百分号分离成三部分空中旋转跳跃，数字随之累加。实现过程非常简单，使用也简单，只需要把...
黏糊文字
CSS 黏糊文字横向滚动效果这是一种黏糊状的文字横向滚动动画效果，是基于 CSS 实现的，其中文字的黏糊效果实现尝试了几种方法后，最终采用了两层文本的方法：一层带有这种黏糊效果，另一层则是干净清晰的文本覆盖其上，这样可以确...
世界地图
Three.js 3D地球仪上的交互式 SVG 世界地图这是一种旋转的 3D 地球仪动画效果，能够全视角查看世界地图，并且支持拖拽和悬浮功能，当鼠标悬浮与地图之上时会显示该区域国家的名称，其中的 3D 效果是基于 Three.js 实现的，拖拽以及...
404页面
SVG+CSS实现的带线条游走动画效果的404错误页面模板给大家带来一款时尚且很有趣的 404 html页面，该404页面是svg结合css实现的，其中使用 SVG 定义的 404 素材图，CSS 样式为 SVG 矢量图添加动画效果，混合颜色搭配的线条...
卡佩
Tailwind CSS 实现的税务与社保等服务公司网站模板这是一款使用主流版本的 Tailwind CSS 优秀前端框架设计而成的公司服务行业网站模板，非常适合于会计事务所、税务服务、社保服务、财务顾问服务、薪资顾问服务、医疗社保服务、房产交易服务等公...
手风琴
基于 JavaScript 实现地轻量级 FAQ 常见问题折叠框基于 JavaScript 实现地一个平滑过渡的手风琴效果，界面很简洁，支持打开与关闭，同一时间只允许一个项目被打开，可用在项目的 FAQs 常见问题模块中。只使用了 JavaScript 与 ...
轮播插件
基于 JavaScript 实现的轻量级响应式轮播插件这是一款轻量级、功能强大且支持多选项灵活配置的 JavaScript 轮播插件，不依赖 jQuery 等第三方插件，完全纯 JS 实现，而且还内置触摸支持拥有完全地响应式布局风格，可良好支持大中...
手风琴效果
使用 CSS 和 JS实现的响应式轻量级手风琴效果这是一个简单轻量级（接近 2KB）的切换内容的手风琴插件，这款简单的手风琴使用 CSS 和少量 JavaScript / jQuery 构建，此外该效果是完全响应式的，对移动设备特别友好！折叠...
幻灯片
轻量级响应式 jQuery 幻灯片插件，支持多选项配置这是一款超棒的 jQuery 幻灯片播放插件，用于创建背景图片轮播图，该轮播插件式响应式的，并带有下一个、上一个按钮和位于下方多点位导航功能，使用起来特别简单，只需要两个简单步骤，首先定义轮播图...
标记突出
利用标记动画突出 div 中的文本 jQuery 插件这是一款功能齐全的 jQuery 文本高亮动画插件。这个 jQuery 插件可以高亮显示 div 中的文本（或页面中的各类文本）内容，可以使用自定义的颜色轻松突出显示行、段落、单个文字或句子，同...
轮播特效
轻量级附带全屏预览及自动幻灯片功能的轮播 jQuery 插件这是一款基于 jQuery 创建的轻量级图片轮播插件，该轮播插件支持响应式，在移动端也能良好显示，同时支持自动切换图片的幻灯片模式，还包含暂停按钮，轮播速度、提示文案支持自定义，此外还支持全屏预...
进度条动画
HTML5 Canvas 实现的带撒花效果的加载进度条动画该代码实现了在 HTML5 画布 Canvas 上创建加载进度条动画，可以动态可视化进度，进度条会随着内容的加载而填充并且伴有颜色渐变以及撒花的效果，从而提供可视化的更直观的加载指示。支持加载速...