# 开源的使用CSS绘制各种纹理图形的Web组件css-doodle.com

*Published:* 2024-03-04
*Author:* 客服001

#### 温馨提醒

如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢

本文最后更新于2024年3月4日，已超过 180天没有更新



[![](https://www.xarjtc.com/wp-content/uploads/2024/03/6ae713b571fc81b875f50e60f016e01d.webp)](https://www.xarjtc.com/wp-content/uploads/2024/03/6ae713b571fc81b875f50e60f016e01d.webp)

＜[css](https://www.xarjtc.com/tag/css "查看css此标签更多文章") doodle/＞基于Shadow DOM v1和Custom Elements v1。您现在可以在所有主流浏览器上使用它，而不需要polyfill。

该组件将根据其内部的规则（纯CSS）生成一个div网格。您可以使用CSS轻松地操作这些单元格，以生成图形模式或动画图。

极限就是CSS本身的极限。

在线网址：https://css-doodle.com