Are you sure you want to delete this task? Once this task is deleted, it cannot be recovered.
You can not select more than 25 topics
Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
yuanchuan
0ed7dfef7e
|
3 weeks ago | |
|---|---|---|
| .github | 2 years ago | |
| src | 3 weeks ago | |
| test | 3 months ago | |
| tools | 1 month ago | |
| .gitignore | 3 years ago | |
| CHANGELOG.md | 1 month ago | |
| LICENSE | 1 year ago | |
| Makefile | 2 years ago | |
| README.md | 4 months ago | |
| css-doodle.js | 1 month ago | |
| css-doodle.min.js | 1 month ago | |
| package.json | 1 month ago | |
| rollup.config.js | 1 month ago | |
README.md
<css-doodle />
A web component for drawing patterns with CSS.
Example
<css-doodle>
@grid: 5 / 200px;
background: @p(#000, #fff);
margin: 1px;
</css-doodle>
Docs
Design tools
- Tabbied -- Doodle with generated patterns
- Shapes -- Discover new CSS polygon shapes
- SVG playground -- Generate SVG code with new syntax
Resources
- How to Draw Patterns with CSS Using CSS Doodle, by Adi Purdila
- Arte generativo con CSS, by Sonia Ruiz
Build
# build css-doodle.js
npm run build
# generate css-doodle.min.js
npm run minify
# or just use make
make
Support
Thank you for your support! 🙏
No Description
JavaScript other