# js-effects

**Repository Path**: sunyctf/js-effects

## Basic Information

- **Project Name**: js-effects
- **Description**: ⭐ 前端JS特效合集—JavaScript effects library
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://gitee.com/sunyctf/chinesereadme
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 1
- **Created**: 2023-01-02
- **Last Updated**: 2025-04-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: CSS, HTML5, JavaScript, Dom, jQuery

## README

## 在线预览

[Online Page](https://sunyctf.github.io/js-effects/)

## 仓库简介

❣️ 前端JS特效合集—JavaScript effects library

## 内容目录
- [404page](#404page)
1. [js+css3全屏2023新年快乐动画特效](https://sunyctf.github.io/js-effects/js+css3全屏2023新年快乐动画特效/index.html)
2. [jquery层叠式手风琴滑动切换代码](https://sunyctf.github.io/js-effects/jquery层叠式手风琴滑动切换代码/index.html)
3. [鼠标悬停层叠拆分文字动态效果](https://sunyctf.github.io/js-effects/鼠标悬停层叠拆分文字动态效果/index.html)
4. [标题响应式导航栏菜单弹出效果](https://sunyctf.github.io/js-effects/标题响应式导航栏菜单弹出效果/index.html)
5. [easeljs实现满屏漂浮爱心](https://sunyctf.github.io/js-effects/easeljs实现满屏漂浮爱心/index.html)
6. [jquery黑客帝国矩阵雨](https://sunyctf.github.io/js-effects/jquery黑客帝国矩阵雨/index.html)
7. [css+js火焰文字](https://sunyctf.github.io/js-effects/css+js火焰文字/index.html)
8. [css+js鼠标悬停图片剪辑路径效果](https://sunyctf.github.io/js-effects/css+js鼠标悬停图片剪辑路径效果/index.html)
9. [css+js圆盘时钟](https://sunyctf.github.io/js-effects/css+js圆盘时钟/index.html)
10. [css+js卡片翻转](https://sunyctf.github.io/js-effects/css+js卡片翻转/index.html) 
11. [canvas烟花动画](https://sunyctf.github.io/js-effects/canvas烟花动画/index.html) 
12. [css+js人物关节拉伸模拟动画](https://sunyctf.github.io/js-effects/css+js人物关节拉伸模拟动画/index.html) 
13. [css+js3D立体杯子旋转动画](https://sunyctf.github.io/js-effects/css+js3D立体杯子旋转动画/index.html) 
14. [canvas粒子组合三角形3D旋转动画](https://sunyctf.github.io/js-effects/canvas粒子组合三角形3D旋转动画/index.html) 
15. [canvas粒子文字动画特效](https://sunyctf.github.io/js-effects/canvas粒子文字动画/index.html) 
16. [css+js滑块切换过渡动画](https://sunyctf.github.io/js-effects/css+js滑块切换过渡动画/index.html) 
16. [canvas新年3D烟花动画](https://sunyctf.github.io/js-effects/canvas新年3D烟花动画/index.html) 
16. [canvas鼠标跟随几何动画](https://sunyctf.github.io/js-effects/canvas鼠标跟随几何动画/index.html) 
16. [css+js卡片详情页展开效果图片](https://sunyctf.github.io/js-effects/css+js卡片详情页展开效果图片/index.html)
16. [canvas全屏七夕爱心表白特效](https://sunyctf.github.io/js-effects/canvas全屏七夕爱心表白特效/index.html) 
16. [css+js箭头跟随鼠标](https://sunyctf.github.io/js-effects/css+js箭头跟随鼠标/index.html) 
16. [css+js放大镜效果](https://sunyctf.github.io/js-effects/css+js放大镜效果/index.html)
16. [canvas鼠标跟随爱心背景特效](https://sunyctf.github.io/js-effects/canvas鼠标跟随爱心背景特效/index.html)
16. [css3+js酷炫抽象花蕊动画特效](https://sunyctf.github.io/js-effects/css3+js酷炫抽象花蕊动画特效/index.html)
16. [jquery-3D卡片交互悬停动画](https://sunyctf.github.io/js-effects/jquery-3D卡片交互悬停动画/index.html)
16. [canvas+jq炫彩粒子宇宙星云特效](https://sunyctf.github.io/js-effects/canvas+jq炫彩粒子宇宙星云特效/index.html)
16. [css+js多个爱心层叠波浪动画](https://sunyctf.github.io/js-effects/css+js多个爱心层叠波浪动画/index.html)
16. [h5+js大海蓝天雁飞过特效](https://sunyctf.github.io/js-effects/h5+js大海蓝天雁飞过特效/index.html)
16. [jquery彩色网状线条粒子动画](https://sunyctf.github.io/js-effects/jquery彩色网状线条粒子动画/index.html)
16. [jquery弹出式相册图片放大插件](https://sunyctf.github.io/js-effects/jquery弹出式相册图片放大插件/index.html)
16. [原生js多形式日历控件](https://sunyctf.github.io/js-effects/原生js多形式日历控件/index.html)
16. [jquery简单表单实时验证](https://sunyctf.github.io/js-effects/jquery简单表单实时验证/index.html)
16. [css+js倒计时警报灯特效](https://sunyctf.github.io/js-effects/css+js倒计时警报灯特效/index.html)

### 404page

- [404黑白点抖动动画](https://sunyctf.github.io/js-effects/404page/404黑白点抖动动画/index.html)
- [404文字掉落动画](https://sunyctf.github.io/js-effects/404page/404文字掉落动画/index.html)

## 使用说明

HTMl、CSS、JavaScript、DOM、JQuery

## 安装教程

1.点击以上对应分类下的Demo预览链接

2.通过[GitHub pages](https://pages.github.com/ "去了解GitHub pages")在浏览器地址栏访问

- 我的仓库主页：https://sunyctf.github.io/js-effects/

- GitHub pages站点访问通用格式：https//github用户名.github.io/github仓库名/项目文件夹名(如果有)/html文件名

## 参与贡献

1.Fork 本仓库

2.新建 Feat_xxx 分支

3.提交代码

4.新建 Pull Request