71

0

You-need-to-know-css

Web开发者应该掌握的CSS tricks

You-need-to-know-css

Web开发者应该掌握的CSS tricks

在线查看

🌏 You-need-to-know-css

快速开始

一些可以帮助你快速启动本项目的操作:

  • clone 这个仓库: https://github.com/l-hammer/You-need-to-know-css.git
  • 用yarn 或者 npm全局安装 docsify-cli: npm install docsify-cli -g (or yarn global add docsify-cli)
  • 在终端运行命令 docsify serve
  • 打开 http://localhost:3000 在你的浏览器

包括什么

translucent-borders multiple-borders inner-rounding
background-position stripes-background ellipse
parallelogram bevel-corners pie-chart
polygon single-projection 不规则投影
毛玻璃效果 文本行斑马条纹 常见的文字效果
环形文字 选择合适的鼠标光标 扩大可点击区域
自定义复选框 自定义单选框 输入框完美居中
通过阴影弱化背景 通过模糊弱化背景 交互式图片对比控件
全背景下等宽内容居中 绝对底部 水平垂直居中
弹性过度 闪烁效果 打字效果
抖动效果 无缝平滑效果 延轨迹平滑效果
自定义文字下划线 提示气泡 自定义滚动条
圣杯布局 双飞翼布局 类订单布局
Flex 布局 1px 线/边 弹跳效果
插入换行 自定义变量 有趣的项目

贡献 PRs

  • 🍴Fork 这个项目并clone到本地
  • 🔀新建一个分支: git checkout -b new-branch
  • 🔧增加新特性或者解决一些bug
  • 📝提交你的改变: git commit -am 'Add some feature'
  • 🚀️推送你的分支: git push origin new-branch
  • 🎉️提交Pull Request

或者提交一个issue - 欢迎任何有帮助性的建议😜


感谢以下所有的贡献者🌹

捐赠 donate

如果你觉得本项目对你有帮助,或者想对我微小的工作表示一点资瓷,你可以请我喝一杯咖啡,感谢! 🙏🏻 🙏 🙏🏿