Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/brenner8023/fe-demo

练手的demo
https://github.com/brenner8023/fe-demo

Last synced: 6 days ago
JSON representation

练手的demo

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)

- [倒计时动画]

只有一行文字时居中显示, 多行文字居左显示
```html

div {
width: 200px;
height: 200px;
text-align: center;
}
p {
display: inline-block;
text-align: left;
}

只有一行文字时居中显示, 多行文字居左显示


```