houdini-paint-dot-grid:使用CSS Paint API绘制点网格背景

时间:2021-05-23 08:42:01
【文件属性】:
文件名称:houdini-paint-dot-grid:使用CSS Paint API绘制点网格背景
文件大小:9KB
文件格式:ZIP
更新时间:2021-05-23 08:42:01
css houdini hacktoberfest paint-worklet JavaScript 胡迪尼paint(dot-grid) 使用绘制点网格背景。 关于学习模式。 查看。 用法 使用此工作集的最简单方法是直接从添加它: CSS . paintWorklet . addModule ( 'https://unpkg.com/houdini-paint-dot-grid/dist/dot-grid-worklet.js' ) ; 查阅的指南,了解如何使用npm中的绘画工作集和使用捆绑器。 然后将以下CSS添加到要具有点网格背景的元素中: . element-selector { background-image : paint (dot-grid); --dot-size : 4 px ; --dot-spacing : 8 px ; --dot-color : yellow; } 该工作包已经解析了自定义属性的值并定义了默认值。 为了支持--do
【文件预览】:
houdini-paint-dot-grid-master
----.gitignore(18B)
----dot-grid-worklet.js(1KB)
----package.json(530B)
----package-lock.json(9KB)
----rollup.config.js(391B)
----logo.svg(5KB)
----license(1KB)
----dot-grid.js(414B)
----index.html(475B)
----readme.md(2KB)
----.npmignore(30B)
----.editorconfig(114B)
----.prettierrc(100B)

网友评论