Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shoppingzh/ui
一些UI设计
https://github.com/shoppingzh/ui
apple-watch css iphone ui webdesign
Last synced: about 2 months ago
JSON representation
一些UI设计
- Host: GitHub
- URL: https://github.com/shoppingzh/ui
- Owner: shoppingzh
- Created: 2019-03-21T12:31:35.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2022-06-23T03:18:20.000Z (over 2 years ago)
- Last Synced: 2024-11-08T15:20:55.743Z (3 months ago)
- Topics: apple-watch, css, iphone, ui, webdesign
- Language: JavaScript
- Homepage:
- Size: 23.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ui
> 一些UI设计。经常看到生活中一些好玩的东西, 有的是突发奇想的设计,有的是看到一些好的设计后,不禁感叹:作者是如何做出这么好的设计来的呢?于是,有了下面的内容。
> 以下的内容基本上都是通过纯CSS的方式实现的,有少量的js,也很少依赖高级js库,代码简单易懂。**看不到图片请移步[https://gitee.com/shoppingzh/ui](https://gitee.com/shoppingzh/ui)**
## Apple watch系列
#### 1. apple watch 表盘
#### 2. apple watch 应用
## iPhone系列
#### 1. iOS 13音量指示器UI
#### 2. 仿iPhone桌面搜索
## 微信系列
#### 1. 微信彩签
#### 2. 网络错误
#### 3. webview底部操作栏
## 阴影系列
#### 1. Android卡片阴影效果
#### 2. 单标签实现彩虹圆环
## 占位系列
#### 1. youtube首页占位效果(动画)
#### 2. 通用首页占位
## 其它
#### 网页放大镜
#### 登录二维码角效果
#### 图片平均色计算器
#### 知乎导航栏切换效果
#### 京东商品详情
#### 横向滚动文字效果(css + 少量js)
#### 仿饿了么首页的宣传卡片效果
#### 防抖-节流可视化UI
#### 365 Dots
> 365 Dots是iOS的一个应用,用来展示当前一年走过的时间。
#### css八卦
#### card flip
#### 纯css实现tooltip
#### css实现的加载动画
