css-doodle.js 一个用CSS绘制图案的Web组件,他可以创建很多丰富复杂的图案

css-doodle.js  一个用CSS绘制图案的Web组件,他可以创建很多丰富复杂的图案

直接引入css-doodle.js即可

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=css-doodle.min&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>

</head>
<body>
    <css-doodle>
        /* Tiled Lines */

        :doodle {
        @grid: 16 / 320px;
        }

        @size: 1px calc(100% * @sqrt(2) + 1px);
        transform: rotate(@p(45deg, -45deg));
        background: #AEACFB;
        margin: auto;

    </css-doodle>
</body>
</html>

官网地址https://css-doodle.com/
立即下载css-doodle.js 查看所有js插件

网友评论0

程序员在线工具箱