# test1

**Repository Path**: weizhou1/test1

## Basic Information

- **Project Name**: test1
- **Description**: initinitinit
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-12-30
- **Last Updated**: 2022-12-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# web程序员表白程序，三行情书

很久之前的作品，用JS和CSS3实现的，今天给大家分享一部分。
注：这是一个3D场景，在PC端的话还可以按住鼠标左键并拖动鼠标，来从各个视角观察它。

直接打开index.html即可观看。

<br>

## 寓意

- 场景一：通过纯CSS3实现的 情书动态翻阅效果，共三页，每页一句情话。
- 场景二：通过JS和CSS3组合实现的 碎片飘零效果。每个碎片都由一句情话组成，无数的情话碎片构成了心型。在【情歌】伴随下，当所有【情话】碎片飞开后，便出现了更高的感情表达——【情画】

当两个人的情感不再需要用言语——情话来表达时（即当所有【情话】碎片飞开后），就出现了更高的感情境界——情画。

<br>

## 降低作品档次的效果图

![这里写图片描述](https://img-blog.csdnimg.cn/img_convert/f90aeaa5ee7ad9406214d198498694f1.png)
![这里写图片描述](https://img-blog.csdnimg.cn/img_convert/ec9fcf7d19cd2760676081a159af793a.png)
![这里写图片描述](https://img-blog.csdnimg.cn/img_convert/0c59db9e9377b4c659a2149c3dabdc30.png)
![这里写图片描述](https://img-blog.csdnimg.cn/img_convert/bccf84656bb02fba274ce130c9c10b17.png)
![](https://github.com/Vuact/loveLetter/blob/master/img/7.gif?raw=true)
![这里写图片描述](https://github.com/Vuact/loveLetter/blob/master/img/5.gif?raw=true)