- 总结一些常用的 CSS 样式
- 记录一些 CSS 的新属性和一点奇技淫巧
- 在“动”部分下有些动画并不是 CSS 效果,因为没有地方放置,所以暂时寄存在这里
尽量少说废话,代码简单易用,方便复制
talk is cheap show me the code
- Clone the
https://github.com/QiShaoXuan/css_tricks.git
- Install package
npm install
- Development run
npm run docs:dev
- Open
http://localhost:8080
in your browser.
- 垂直居中
- 高度自动撑满
- 消除图片间隙 & 图文居中
- 底部自适应 Sticky Footer
- 三角形边框
- 文字超出显示省略号
- 插入换行
- 毛玻璃效果
- 参数列表自适应对齐
- 绝对定位宽度自动撑开
- 长文本折行
- 文字特效
- tab 栏底部动画
- tab 底部圆形边框衔接
- 圆形镂空
- 三角形镂空
- 多边形布局
- Fork this repository
- Create your branch:
git checkout -b new-branch
- Make your changes
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin new-branch
- Submit a pull request
也可以提交 issue 或直接评论,欢迎需求 ~