๐Ÿ’„CSS tricks for web developers~
Branch: master
Clone or download
l-hammer Merge pull request #72 from l-hammer/dev
โš—๏ธadd text gradient
Latest commit dc089aa Dec 29, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github ๐Ÿ“amend CONTRIBUTING markdown Mar 25, 2018
assets ๐Ÿ›fix QR_code error Dec 23, 2018
libs โ™ป๏ธgitalk automatically switch languages Dec 23, 2018
static ๐Ÿ™ˆtranslate README to zh-cn Dec 23, 2018
zh-cn โš—๏ธadd text gradient Dec 29, 2018
.gitignore new .gitignore Dec 20, 2017
.nojekyll ๐Ÿงgithub .nojekyll Mar 23, 2018
LICENSE Create LICENSE Mar 10, 2018
README.md ๐Ÿ™ˆtranslate README to zh-cn Dec 23, 2018
_navbar.md ๐ŸŽ„[zap]format code Dec 21, 2018
_sidebar.md ๐ŸŒtranslation sidebar in en Dec 21, 2018
bevel-corners.md ๐ŸŽ„[zap]format code Dec 21, 2018
blink.md ๐ŸŽ„[zap]format code Dec 21, 2018
blurry-weaken-background.md ๐ŸŽ„[zap]format code Dec 21, 2018
bounce.md ๐ŸŽ„[zap]format code Dec 21, 2018
centering-known.md ๐ŸŽ„[zap]format code Dec 21, 2018
circular-smooth.md ๐ŸŽ„[zap]format code Dec 21, 2018
circular-text.md ๐ŸŽ„[zap]format code Dec 21, 2018
class-order-layout.md ๐ŸŽ„[zap]format code Dec 21, 2018
custom-checkbox.md ๐ŸŽ„[zap]format code Dec 21, 2018
custom-radio.md ๐ŸŽ„[zap]format code Dec 21, 2018
custom-variables.md ๐ŸŽ„[zap]format code Dec 21, 2018
double-wing-layout.md ๐ŸŽ„[zap]format code Dec 21, 2018
elastic.md โ™ป๏ธsynchronous elastic Dec 26, 2018
ellipse.md ๐ŸŽ„[zap]format code Dec 21, 2018
extend-hit-area.md ๐ŸŽ„[zap]format code Dec 21, 2018
extended-bg-position.md ๐ŸŽ„[zap]format code Dec 21, 2018
flexbox-layout.md ๐ŸŽ„[zap]format code Dec 21, 2018
fluid-fixed.md ๐ŸŽ„[zap]format code Dec 21, 2018
frosted-glass.md ๐ŸŽ„[zap]format code Dec 21, 2018
holy-grail-layout.md ๐ŸŽ„[zap]format code Dec 21, 2018
hotspot-like.md ๐ŸŽ„[zap]format code Dec 21, 2018
image-slider.md ๐ŸŽ„[zap]format code Dec 21, 2018
index.html ๐Ÿ”add zh-cn doc Dec 21, 2018
inner-rounding.md ๐ŸŽ„[zap]format code Dec 21, 2018
input-align.md ๐ŸŽ„๐ŸŽ… ๐ŸฆŒtranslate doc to en Dec 21, 2018
interesting-usage.md ๐ŸŽ„๐ŸŽ… ๐ŸฆŒtranslate doc to en Dec 21, 2018
introduce.md ๐ŸŽ„[zap]format code Dec 21, 2018
irregular-projection.md ๐ŸŽ„[zap]format code Dec 21, 2018
line-breaks.md ๐ŸŽ„[zap]format code Dec 21, 2018
mouse-cursor.md ๐ŸŽ„[zap]format code Dec 21, 2018
multiple-borders.md ๐ŸŽ„[zap]format code Dec 21, 2018
one-pixel-line.md ๐ŸŽ„[zap]format code Dec 21, 2018
parallelogram.md ๐ŸŽ„[zap]format code Dec 21, 2018
pie-chart.md ๐ŸŽ„[zap]format code Dec 21, 2018
polygon.md ๐ŸŽ„[zap]format code Dec 21, 2018
poptip.md ๐ŸŽ„[zap]format code Dec 21, 2018
scrollbar.md ๐ŸŽ„[zap]format code Dec 21, 2018
shadow-weaken-background.md ๐ŸŽ„[zap]format code Dec 21, 2018
shake.md ๐ŸŽ„[zap]format code Dec 21, 2018
single-projection.md ๐ŸŽ„[zap]format code Dec 21, 2018
smooth.md ๐ŸŽ„[zap]format code Dec 21, 2018
sticky-footer.md ๐ŸŽ„[zap]format code Dec 21, 2018
stripes-background.md ๐ŸŽ„[zap]format code Dec 21, 2018
sw.js ๐ŸŒclose offline mode Dec 1, 2018
text-effects.md โš—๏ธadd text gradient Dec 29, 2018
text-underline.md ๐ŸŽ„[zap]format code Dec 21, 2018
translucent-borders.md ๐ŸŽ„[zap]format code Dec 21, 2018
typing.md ๐ŸŽ„[zap]format code Dec 21, 2018
zebra-stripes.md ๐ŸŽ„[zap]format code Dec 21, 2018

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

MIT ยฉ 2017-present, LHammer