107

GitHub - l-hammer/You-need-to-know-css: CSS Tricks for web developer

6 years ago

source link: https://github.com/l-hammer/You-need-to-know-css
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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: 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

MIT © 2018 LHammer

Recommend

About Joyk

Aggregate valuable and interesting links.
Joyk means Joy of geeK