Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
uyevan authored Jan 3, 2024
1 parent 0b587fb commit e7f26e3
Showing 1 changed file with 12 additions and 8 deletions.
20 changes: 12 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,19 +1,23 @@
# ScollUI
## 介绍
### 学校进行的网页设计大赛项目,UI全部原生HTML5+CSS3设计的,逻辑部分用了部分Jquery框架,图片素材来自广大互联网,实现的功能主要有导航栏之高斯模糊,全局回弹效果,导航栏定位,适配器,动画等等。希望对您有一定的帮助。
### The webpage design competition project conducted by the school, the UI is all native HTML5 CSS3 design, the logic part uses part of the Jquery framework, the picture material comes from the vast Internet, and the realized functions mainly include Gaussian blur of the navigation bar, global rebound effect, navigation bar positioning, Adapters, animations and more. I hope it will be of some help to you.
## Demo
### PC
# ScollUI纯天然三件套UI
#### ❤️介绍
学校进行的网页设计大赛项目,UI全部原生HTML5+CSS3设计的,逻辑部分用了部分Jquery框架,图片素材来自广大互联网,实现的功能主要有导航栏之高斯模糊,全局回弹效果,导航栏定位,适配器,动画等等。希望对您有一定的帮助。
The web design competition project conducted by the school features a UI designed entirely in native HTML5+CSS3, with some Jquery framework used in the logic section. The image materials are sourced from the vast internet, and the main functions implemented include Gaussian blur in the navigation bar, global rebound effect, navigation bar positioning, adapter, animation, and so on. I hope it will be of some help to you.
#### 👽关于
比赛就是要求使用三件套,然后就没有用任何别的css或html组件库(图标外),最后拿了第二名。在这里备份一下,大佬就不用看了,对刚学者可能有点用。
The competition required the use of a three piece set, without using any other CSS or HTML component libraries (excluding icons), and ultimately won second place. Here's a backup, you don't need to look at it, it may be useful for beginners.
#### 🏳️‍🌈Demo
我使用了大量的Flex布局来适配电脑,手机。
PC💻
![首页 2023-04-06 190859](https://user-images.githubusercontent.com/92195051/230361459-d5d7873d-099a-4847-8ea9-b20b265e1ef0.png)
![活动 2023-04-06 190922](https://user-images.githubusercontent.com/92195051/230361464-ed98ed6e-182b-43d0-aac2-801bccf403ed.png)
![导航 2023-04-06 190943](https://user-images.githubusercontent.com/92195051/230361467-8c15e4be-ab84-4420-93d3-5e60d0a554a2.png)
![美食 2023-04-06 191019](https://user-images.githubusercontent.com/92195051/230361472-d8e2b5d3-a888-414a-bbab-8af9df5fceff.png)
![个人 2023-04-06 191038](https://user-images.githubusercontent.com/92195051/230361475-c183d049-78fe-4a6f-9830-a279bb2e5f1a.png)
### Ipad
Ipad📱
![首页 2023-04-06 192358](https://user-images.githubusercontent.com/92195051/230363378-d22167fd-89af-446b-b86f-d136039f4a27.png)
![导航 2023-04-06 192423](https://user-images.githubusercontent.com/92195051/230363384-0a92346b-a18b-4e80-87ae-bae1fb430c8e.png)
![个人 2023-04-06 192452](https://user-images.githubusercontent.com/92195051/230363386-72b1db10-6deb-488c-a6e0-f3ea922555b8.png)
### iphone
Phone🤳
![首页 2023-04-06 192707](https://user-images.githubusercontent.com/92195051/230364369-b8417b26-1441-4a2b-bf09-9f103f5b38e0.png)
![活动 2023-04-06 192802](https://user-images.githubusercontent.com/92195051/230364401-89d43981-7f34-4ec5-bfe9-c937cd86858f.png)
![导航 2023-04-06 192840](https://user-images.githubusercontent.com/92195051/230364407-7a0374b2-2ae0-40d3-9899-cb5c3cf418a3.png)
Expand Down

0 comments on commit e7f26e3

Please sign in to comment.