The Wayback Machine - https://web.archive.org/web/20201128090840/https://github.com/l-hammer/You-need-to-know-css
Skip to content
master
Go to file
Code

README.md

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: npm install docsify-cli -g (or yarn global add docsify-cli)
  • 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 �规则投影
毛玻璃效果 文本行斑马�纹 常�的文字效果
环形文字 选择�适的鼠标光标 扩大�点击区域
自定义�选框 自定义�选框 输入框完美居中
通过阴影弱化背景 通过模糊弱化背景 交互�图片对比控件
全背景下等宽内容居中 �对底部 水平垂直居中
弹性过度 闪�效果 打字效果
抖动效果 无�平滑效果 延轨迹平滑效果
自定义文字下划线 æ??示气泡 自定义滚动æ?¡
圣�布局 �飞翼布局 类订�布局
Flex 布局 1px 线/边 弹跳效果
�入�行 自定义�� 有趣的项目

Contributing PRs

  • ðŸ?´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. 😜


This project exists thanks to all the people who contribute.

Donate donate

If you find this project useful, you can buy me a coffee ☕, Thank you! �� � ��



If you provide your github in the message, it will show up here with a link to your github.

Backers

Thank you to all our backers! � [Become a backer]

Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

license

FOSSA Status

996ICU © 2017-present, LHammer

You can’t perform that action at this time.