Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/brenner8023/fe-demo
练手的demo
https://github.com/brenner8023/fe-demo
Last synced: 6 days ago
JSON representation
练手的demo
- Host: GitHub
- URL: https://github.com/brenner8023/fe-demo
- Owner: brenner8023
- Created: 2019-03-27T08:41:12.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-08-03T02:47:15.000Z (over 5 years ago)
- Last Synced: 2024-10-29T23:35:40.425Z (about 2 months ago)
- Language: HTML
- Homepage: https://brenner8023.github.io/fe-demo/
- Size: 1020 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# fe-demo
练手的demo
## 目录
前端技术面试文档
- [地址](https://github.com/brenner8023/u-r-fe-noob)广东工业大学导航
- [地址](https://github.com/brenner8023/gdut-nav)纯css实现的轮播动画效果:
- [查看效果](https://brenner8023.github.io/fe-demo/slide.html)
- [源代码](./slide.html)前端简历:
- [查看效果](https://brenner8023.github.io/fe-demo/vue-resume/index.html)纯CSS实现任意百分比饼图:
- [查看效果](https://brenner8023.github.io/fe-demo/pieChart.html)
- [源代码](./pieChart.html)2048游戏
- [查看效果](https://brenner8023.github.io/fe-demo/mc-2048/index.html)
- [源代码](https://github.com/brenner8023/mc-2048)纯CSS实现钟摆效果:
- [查看效果](https://brenner8023.github.io/fe-demo/clock.html)
- [源代码](./clock.html)具有翻页动画效果的生日贺卡
- [查看效果](https://brenner8023.github.io/birthday-card/index.html)
- [源代码](https://github.com/brenner8023/birthday-card)借助box-shadow实现一标签绘图
- [查看效果](https://brenner8023.github.io/fe-demo/oneLabel.html)
- [源代码](./oneLabel.html)借助css线性渐变实现纸张横线, 多背景效果
- [查看效果](https://brenner8023.github.io/fe-demo/linear-gradient.html)
- [源代码](./linear-gradient.html)基于正则表达式的简历填写验证
- [查看效果](https://brenner8023.github.io/fe-demo/regexp-resume/)
- [源代码](./regexp-resume)- [倒计时动画]
只有一行文字时居中显示, 多行文字居左显示
```htmldiv {
width: 200px;
height: 200px;
text-align: center;
}
p {
display: inline-block;
text-align: left;
}只有一行文字时居中显示, 多行文字居左显示
```