# 前端三剑客

**Repository Path**: at-bear/Front-end-Three-Musketeers-Case

## Basic Information

- **Project Name**: 前端三剑客
- **Description**: 一些前端简单功能实现案例仓库,仅供学习参考
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-07-05
- **Last Updated**: 2025-04-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: AT-bear 1509109728@qq.com
 * @Date: 2024-07-05 10:48:13
 * @LastEditors: @AT-bear 1509109728@qq.com
 * @LastEditTime: 2024-08-21 18:14:00
 * @FilePath: \nk-jewelc:\Users\Administrator\Desktop\case\Front-end-Three-Musketeers-Case\README.md
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
# 前端三剑客案例

#### 介绍
本人没事手写的一些案例仅供参考😀
案例文件都在case文件夹里面

**.vue结尾文件是用vue写的(文件夹会以-vue结尾)**

#### Grid布局
-文件grid 数码 

![alt text](./public/image.png)


#### 定高虚拟列表
-文件虚拟列表

![alt text](./public/virtualList.png)

#### CSS打字机

-CSS打字机
 
![alt text](./public/cssDZJ.gif)


#### Houdini api渐变

-CSS渐变

![alt text](./public//Houdini渐变.gif)


#### 七龙珠之七星球

-七龙珠

![alt text](./public/七星球.gif)

#### 磨砂玻璃登录页

-磨砂玻璃登录页

![alt text](./public/glass.png)


#### loading-走马灯
-走马灯

![alt text](./public/loading-走马灯.gif)