马黑黑 发表于 2022-4-28 23:41

这款布料能做些啥

<style>
.mbox {
        margin: auto;
        width: 600px;
        height: 600px;
        background:
                radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187,0,51,0) 27%),
                radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187,0,51,0) 27%),
                radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221,51,85,0) 46%),
                radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221,51,85,0) 46%),
                radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221,51,85,0) 31%),
                radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187,0,51,0) 27%) 50px 50px,
                radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187,0,51,0) 27%) 50px 50px,
                radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221,51,85,0) 46%) 50px 50px,
                radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221,51,85,0) 46%) 50px 50px,
                radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221,51,85,0) 31%) 50px 50px;
        background-color:#b03;
        background-size: 100px 100px;
}
</style>

<div class="mbox"></div>

马黑黑 发表于 2022-4-28 23:42

改变 background-size，添加 border-radius: 50% 啥的，会有好的效果。原始代码：
<style>
.mbox {
        margin: auto;
        width: 600px;
        height: 600px;
        background:
                radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187,0,51,0) 27%),
                radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187,0,51,0) 27%),
                radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221,51,85,0) 46%),
                radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221,51,85,0) 46%),
                radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221,51,85,0) 31%),
                radial-gradient(circle closest-side at 60% 43%, #b03 26%, rgba(187,0,51,0) 27%) 50px 50px,
                radial-gradient(circle closest-side at 40% 43%, #b03 26%, rgba(187,0,51,0) 27%) 50px 50px,
                radial-gradient(circle closest-side at 40% 22%, #d35 45%, rgba(221,51,85,0) 46%) 50px 50px,
                radial-gradient(circle closest-side at 60% 22%, #d35 45%, rgba(221,51,85,0) 46%) 50px 50px,
                radial-gradient(circle closest-side at 50% 35%, #d35 30%, rgba(221,51,85,0) 31%) 50px 50px;
        background-color:#b03;
        background-size: 100px 100px;
}
</style>

<div class="mbox"></div>

樵歌 发表于 2022-4-29 06:45

可以给你书中那颜家姑娘们做碎花裙牙{:4_189:}

马黑黑 发表于 2022-4-29 06:50

樵歌 发表于 2022-4-29 06:45
可以给你书中那颜家姑娘们做碎花裙牙

做出来的是超短的{:5_117:}

樵歌 发表于 2022-4-29 07:00

马黑黑 发表于 2022-4-29 06:50
做出来的是超短的

不管短不短，反正是在你家自个儿欣赏{:4_189:}

马黑黑 发表于 2022-4-29 07:08

樵歌 发表于 2022-4-29 07:00
不管短不短，反正是在你家自个儿欣赏

嗯，长短不论

红影 发表于 2022-4-29 11:21

这个很神奇，只有css就能均布。黑黑厉害{:4_187:}

红影 发表于 2022-4-29 11:22

原理不是很懂，细说一下？{:4_204:}

马黑黑 发表于 2022-4-29 11:38

红影 发表于 2022-4-29 11:21
这个很神奇，只有css就能均布。黑黑厉害

这个是机器生成的

马黑黑 发表于 2022-4-29 11:38

红影 发表于 2022-4-29 11:22
原理不是很懂，细说一下？

问机器去

红影 发表于 2022-4-29 22:55

马黑黑 发表于 2022-4-29 11:38
这个是机器生成的

机器生成？那也得有驱动机器的通关口令啊{:4_173:}

红影 发表于 2022-4-29 22:55

马黑黑 发表于 2022-4-29 11:38
问机器去

机器不理我{:4_189:}

马黑黑 发表于 2022-4-30 08:42

红影 发表于 2022-4-29 22:55
机器不理我

也是，人机交互是相互的，双方要说共同的语言才行

马黑黑 发表于 2022-4-30 08:43

红影 发表于 2022-4-29 22:55
机器生成？那也得有驱动机器的通关口令啊

设置复杂的系列随机数，让它不断生成各种样式，然后选出想要的

加林森 发表于 2022-4-30 12:12

厉害厉害，佩服佩服。

红影 发表于 2022-4-30 22:19

马黑黑 发表于 2022-4-30 08:42
也是，人机交互是相互的，双方要说共同的语言才行

我不会它的语言啊，交流不畅。

红影 发表于 2022-4-30 22:20

马黑黑 发表于 2022-4-30 08:43
设置复杂的系列随机数，让它不断生成各种样式，然后选出想要的

真厉害{:4_199:}

马黑黑 发表于 2022-4-30 22:47

红影 发表于 2022-4-30 22:20
真厉害

有人专门弄这些的，好玩吧

马黑黑 发表于 2022-4-30 22:47

红影 发表于 2022-4-30 22:19
我不会它的语言啊，交流不畅。

看样子需要请个翻译

红影 发表于 2022-5-2 07:17

马黑黑 发表于 2022-4-30 22:47
有人专门弄这些的，好玩吧

的确很好玩，黑黑总能发现很多好玩的{:4_199:}
页: [1] 2 3
查看完整版本: 这款布料能做些啥