# FrontendSourceMaterial

**Repository Path**: extraxue/FrontendSourceMaterial

## Basic Information

- **Project Name**: FrontendSourceMaterial
- **Description**: init
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-01-16
- **Last Updated**: 2024-09-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 平日积累一些比较有实用性的素材，留着以后使用

## 01. 手风琴加载

![手风琴加载](readme_pic/2022-01-16%2000.40.04.gif)

## 02.渐变背景页面

![渐变背景页面](readme_pic/2022-01-16%2000.41.22.gif)

## 03. 3d悬停按钮

![3d悬停按钮](readme_pic/2022-01-16%2023.42.57.gif)

## 04. 滚动渐变导航栏

![滚动渐变导航栏](readme_pic/2022-01-17%2000.24.21.gif)

## 05. 流光按钮

![流光按钮](readme_pic/2022-01-17%2001.15.01.gif)

## 06. 折叠卡片

> 目前mac系统下存在闪动bug，待修复

![折叠卡片](readme_pic/2022-01-21-1.gif)

## 07. 日月交替

![日月交替](readme_pic/2022-01-19%2023.42.28.gif)

## 08. 旋转loading

![旋转loading](readme_pic/loading-2022-01-21.gif)

## 09. 图像悬停选项卡

![图像悬停选项卡](readme_pic/2022-01-23%2000.15.14.gif)

## 10. 3D折叠卡片组

![3D折叠卡片组](readme_pic/2022-01-23%2000.11.03.gif)

## 11. 点状loading

![点状loading](readme_pic/2022-01-23%2021.43.32.gif)

## 12. 炫彩的发光字特效

![炫彩的发光字特效](readme_pic/2022-01-23%2021.54.56.gif)

## 13. 始终飞向鼠标的纸飞机

![始终飞向鼠标的纸飞机](readme_pic/2022-01-23%2022.00.28.gif)

## 13.1 滑动切换的注册登录界面

![滑动切换的注册登录界面](readme_pic/2022-01-23%2022.09.47.gif)

## 14. 立体字时钟

![立体字时钟](readme_pic/2022-01-23%2022.30.41.gif)

## 15. 右键菜单选项
![右键菜单选项](readme_pic/右键选项菜单.gif)

## 16. 进度条
![进度条](readme_pic/进度条.gif)

## 17. 首页滚轮视差效果
![首页滚轮视差效果](readme_pic/首页滚轮视差效果.gif)

## 18. 跟随鼠标发光效果
![跟随鼠标发光效果](readme_pic/跟随鼠标发光效果.gif)

## 19. 发光滑动按钮
![发光滑动按钮](readme_pic/发光滑动按钮.gif)

## 20. 圆形剪切图片光标悬停特效
![圆形剪切图片光标悬停特效](readme_pic/圆形剪切图片光标悬停特效.gif)

## 21. 横向点状加载
![横向点状加载](readme_pic/2022-02-27%2022.38.57.gif)

## 22. material design 按钮
![material design 按钮](readme_pic/md按钮.gif)

## 23. 渐变背景首页2
![渐变背景首页2](readme_pic/动画.gif)

## 24. 图片比对
![图片比对](readme_pic/2022-03-06%2018.06.59.gif)

## 25. 图片比对（3张）
![图片比对（3张）](readme_pic/动画1.gif)

## 26. 侧边导航栏
![侧边导航栏](readme_pic/动画2.gif)

## 27. css实现瀑布流
![瀑布流](readme_pic/2022-03-23%2023.26.34.gif)

## 28. 月步式loading
![月步式loading](readme_pic/2022-04-17%2022.30.26.gif)

## 29. 纵向轮播
![纵向轮播](readme_pic/2022-04-18%2023.31.40.gif)

## 30. ANIME登录界面
![ANIME登录界面](readme_pic/2022-04-19%2022.08.47.gif)

## 31. 黑色简约分页
![黑色简约分页](readme_pic/2022-07-24%2021.44.18.gif)

## 32. 四分画廊
![四分画廊](readme_pic/2022-08-14%2023.32.43.gif)