# 元素周期表

**Repository Path**: yuangugu/elements

## Basic Information

- **Project Name**: 元素周期表
- **Description**: 酷炫元素周期表
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2020-03-12
- **Last Updated**: 2021-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 网页基本功能介绍

为了完整展示效果，请在chrome浏览器中打开网页

### 1、动画效果

1. 打开页面后鼠标不动等待八秒左右，界面轮播效果启动，会在平铺、螺旋、球体、网格四个状态下依次顺序切换效果，每次切换时间为三秒。鼠标移动后，轮播效果关闭，鼠标静置十秒后，轮播再次启动，从当前状态开始动画；
2. 鼠标移入每个元素时，元素触发心跳样式动画；
3. 鼠标移入样式切换按钮时，触发按钮动画。

### 2、鼠标效果

1. 按住鼠标上下左右拖动；
2. 鼠标滚轮上下滚动；
3. 鼠标点击元素；
4. 出现弹窗后，鼠标点击弹窗；
5. 在小猫页面鼠标拖动，滚轮滚动，点击返回按钮。

# 项目演示地址

gitee：http://yuangugu.gitee.io/elements/index.html

github：