加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

README.md 1.28 KB

<h1 align="center">visualization-collection</h1>
<div align="center">
一个专注于前端视觉效果的集合应用，包含CSS动效、Canvas动画、Three.js3D、人工智能应用等上百个案例（持续更新）
</div>

## 在线体验(PC端)
#### 体验地址：[http://hepengwei.cn](http://hepengwei.cn)

#### Vue版本：[https://github.com/hepengwei/visualization-collection-vue](https://github.com/hepengwei/visualization-collection-vue)
<br/>

## 应用展示(部分效果)
* 视觉设计
<img src="./src/images/readme/visualDesign.gif" alt="" width={1200}/>

* 交互设计
<img src="./src/images/readme/interactiveDesign1.gif" alt="" width={1200}/>

<img src="./src/images/readme/interactiveDesign2.gif" alt="" width={1200}/>

<img src="./src/images/readme/interactiveDesign3.gif" alt="" width={1200}/>

* Canvas动效
<img src="./src/images/readme/canvas1.gif" alt="" width={1200}/>

<img src="./src/images/readme/canvas2.gif" alt="" width={1200}/>

<img src="./src/images/readme/canvas3.gif" alt="" width={1200}/>

<img src="./src/images/readme/canvas4.gif" alt="" width={1200}/>

<img src="./src/images/readme/canvas5.gif" alt="" width={1200}/>

* 量子纠缠效果(隐藏款)
<img src="./src/images/readme/quantumEntanglement.gif" alt="" width={1200}/>

## 持续更新，敬请关注

一键复制编辑原始数据按行查看历史

提交于 2023-12-14 15:22 . 优化

visualization-collection

一个专注于前端视觉效果的集合应用，包含CSS动效、Canvas动画、Three.js3D、人工智能应用等上百个案例（持续更新）

在线体验(PC端)

体验地址：http://hepengwei.cn

Vue版本：https://github.com/hepengwei/visualization-collection-vue

应用展示(部分效果)

视觉设计

交互设计

Canvas动效

量子纠缠效果(隐藏款)

持续更新，敬请关注

1

https://gitee.com/diogoxiang/visualization-collection.git

git@gitee.com:diogoxiang/visualization-collection.git

diogoxiang

visualization-collection

visualization-collection

master