# video-code

**Repository Path**: zheng_yongtao/video-code

## Basic Information

- **Project Name**: video-code
- **Description**: 存放视频相关源码：炫酷效果、实用技巧……
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 37
- **Forks**: 13
- **Created**: 2025-03-18
- **Last Updated**: 2026-04-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, JavaScript, CSS, Node, Web

## README

## 公众号

关注公众号『 **前端也能这么有趣** 』，获取更多有趣内容。

发送 **加群** 还可以加入群聊，一起来学习（摸鱼）吧\~

![](http://jyeontu.xyz:3003/viewImage/qrcode.png)

## 项目目录

┌───3D
├──────3D标签云.html
├──────3D标签球.html
├──────3D照片球.html
├──────3D照片球（支持上传版）.html
├──────3D空间照片展示.html
├──────3D立方体相册.html
├───UI组件
├──────loading效果
├─────────DNA双螺旋loading.html
├─────────九宫格加载效果.html
├─────────元素交融loading动画.html
├─────────元素交融水球进度加载.html
├─────────星座连线loading.html
├─────────水球进度加载.html
├─────────沙漏.html
├─────────粒子漩涡loading.html
├─────────霓虹呼吸环loading.html
├─────────齿轮联动loading.html
├──────tab导航栏
├─────────index.html
├──────搜索框动画效果
├─────────可收缩展开的动态搜索框.html
├──────炫酷按钮集合
├─────────3D翻转按钮.html
├─────────发光按钮.html
├─────────抖动按钮.html
├─────────方向感知按钮.html
├─────────水纹动画按钮.html
├─────────立体按压效果按钮.html
├─────────轮盘按钮.html
├─────────闪光按钮.html
├──────输入框
├─────────密码切换输入框.html
├─────────柯基交互输入框.html
├─────────浮动标签输入框.html
├─────────赛博朋克故障输入框.html
├───fileTree.txt
├───images
├──────20220829143113_709aa.jpeg
├──────20220915224545_c2170.jpeg
├──────20230327231735_a195d.jpg
├──────7392069948318558889.png
├──────IMG_6589.JPG
├──────宫崎骏
├─────────你想活出怎样的人生.jpg
├─────────侧耳倾听.jpg
├─────────借东西的小人阿莉埃蒂.jpg
├─────────千与千寻.jpg
├─────────合集.jpg
├─────────合集封面.jpg
├─────────哈尔的移动城堡.jpg
├─────────天空之城.jpg
├─────────幽灵公主.jpg
├─────────悬崖上的金鱼姬.jpg
├─────────红猪.jpg
├─────────起风了.jpg
├─────────风之谷.jpg
├─────────魔女宅急便.jpg
├─────────鲁邦三世.jpg
├─────────龙猫.jpg
├──────龙猫.jpg
├───readme.md
├───交互效果
├──────书本翻页
├─────────index.html
├─────────在线图片版.html
├──────前端页面水印
├─────────index.html
├──────拖拽上传
├─────────index.html
├──────拖拽缩放
├─────────index.html
├──────旋转div
├─────────index.html
├──────点击特效
├─────────礼花点击效果.html
├──────鼠标聚光灯效果
├─────────index.html
├───其他
├──────520
├─────────粒子爱心.html
├─────────逐字打印情话.html
├──────B站视频封面下载
├─────────index.js
├─────────压缩一行.txt
├──────http缓存
├─────────index.html
├─────────sever
├────────────package-lock.json
├────────────package.json
├────────────public
├───────────────images.jpg
├───────────────style.css
├────────────server.js
├──────圣诞树
├─────────canvas 粒子圣诞树.html
├──────控制台打印图片
├─────────.temp
├────────────output.jpg
├────────────tmp.jpg
├─────────default.txt
├─────────images
├────────────二维码.png
├────────────哆啦A梦.jpg
├────────────哪吒.jpg
├────────────敖丙.jpg
├────────────漩涡鸣人.jpg
├─────────index.js
├─────────output.txt
├─────────package-lock.json
├─────────package.json
├──────摇骰子动画
├─────────index.html
├──────数据雷达图
├─────────echarts.html
├─────────index.html
├──────泡泡屏保
├─────────bg.jpg
├─────────index.html
├─────────readme.md
├──────禁止打开控制台
├─────────index.html
├──────雷达扫描效果
├─────────index.html
├───动画特效
├──────下雨动画
├─────────bg.jpg
├─────────index.html
├─────────rain.mp3
├──────下雪动画
├─────────index.html
├──────哆啦A梦
├─────────index.html
├──────流光边框
├─────────index.html
├──────浪漫流星雨
├─────────index.html
├──────炫酷的漂浮粒子星系
├─────────index.html
├──────逐字打印效果
├─────────index.html
├──────闪电动画
├─────────bg.jpg
├─────────index.html
├─────────lightningSimulator.html
├───图片和SVG
├──────svg动画
├─────────cat.html
├─────────dog.html
├─────────imagetracer.js
├─────────png转svg.html
├─────────图片转svg.html
├──────图片旋转验证
├─────────index.html
├──────图片特效
├─────────图片碎片化.html
├─────────图片跟随鼠标倾斜.html
├──────堆叠卡片展开效果
├─────────index.html
├──────立体卡片展示
├─────────cat.png
├─────────index.html
├───轮播图
├──────3D立方体轮播图.html
├──────3D轮播图.html
├──────像素雨轮播图.html
├──────堆叠轮播图.html
├──────时间切片轮播图.html
├──────水墨晕染轮播图.html
├──────沉浸式轮播图.html
├──────波纹涟漪轮播图.html
├──────百叶窗轮播图.html
├──────矩阵代码雨轮播图.html
├──────碎片化轮播图.html
├──────磁流体轮播图.html
├──────赛博·故障特效轮播图.html
├──────转盘轮播图.html
├──────闪电劈裂轮播图.html
├──────马赛克翻转轮播图.html
├──────黑洞吞噬轮播图.html
├───音频与可视化
├──────音乐专辑
├─────────config.js
├─────────index.html
├─────────music
├────────────许嵩 - 医生.mp3
├────────────许嵩 - 千百度.mp3
├────────────许嵩 - 双人旁.mp3
├────────────许嵩 - 微博控.mp3
├────────────许嵩 - 想象之中.mp3
├────────────许嵩 - 拆东墙.mp3
├────────────许嵩 - 敬酒不吃.mp3
├────────────许嵩 - 毁人不倦.mp3
├────────────许嵩 - 河山大好.mp3
├────────────许嵩 - 降温.mp3
├──────音频可视化
└─────────柱状.html