haigecao / You-need-to-know-css

CSS tricks web developers need to know

Home Page:https://l-hammer.github.io/You-need-to-know-css/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

You-need-to-know-css

CSS tricks web developers need to know

View online

You-need-to-know-css

Quick start

Several quick start options are available:

  • Clone the repo: https://github.com/l-hammer/You-need-to-know-css.git
  • Install docsify with docsify: cd You-need-to-know-css && npm install docsify-cli -g
  • Development run docsify serve
  • Open http://localhost:3000 in your browser.

What's included

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

Contributing

  • 🍴Fork it!
  • 🔧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

or submit an issue - any helpful suggestions are welcomed. 😜

license

FOSSA Status

MIT © 2018 LHammer

About

CSS tricks web developers need to know

https://l-hammer.github.io/You-need-to-know-css/

License:MIT License


Languages

Language:CSS 80.2%Language:HTML 12.0%Language:JavaScript 7.8%