红影 发表于 2023-12-24 10:18

马黑黑 发表于 2023-12-23 21:10
也许有一点点

将小球限制在一定范围内,这个好看{:4_187:}

马黑黑 发表于 2023-12-24 15:58

红影 发表于 2023-12-24 10:18
将小球限制在一定范围内,这个好看

三角函数的应用

马黑黑 发表于 2023-12-24 15:59

红影 发表于 2023-12-24 10:17
那个外壁还不够厚

好材料不在厚薄

红影 发表于 2023-12-24 16:19

马黑黑 发表于 2023-12-24 15:58
三角函数的应用

其实每个小球都是沿着规定的路线走的。

红影 发表于 2023-12-24 16:20

马黑黑 发表于 2023-12-24 15:59
好材料不在厚薄

你这个是最新材料呗{:4_189:}

马黑黑 发表于 2023-12-24 16:27

红影 发表于 2023-12-24 16:20
你这个是最新材料呗

当代工艺的遥遥领先的材料

马黑黑 发表于 2023-12-24 16:29

红影 发表于 2023-12-24 16:19
其实每个小球都是沿着规定的路线走的。
对。

红影 发表于 2023-12-24 17:08

马黑黑 发表于 2023-12-24 16:27
当代工艺的遥遥领先的材料

这个材料叫什么名啊,有机会我也弄点来{:4_173:}

红影 发表于 2023-12-24 17:08

马黑黑 发表于 2023-12-24 16:29
对。

但是放在一起看起来就是无序的,很神奇{:4_187:}

马黑黑 发表于 2023-12-24 18:07

红影 发表于 2023-12-24 17:08
但是放在一起看起来就是无序的,很神奇

这是视觉干扰

马黑黑 发表于 2023-12-24 18:07

红影 发表于 2023-12-24 17:08
这个材料叫什么名啊,有机会我也弄点来

目前没有申请专利,但技术保密,不外传,传男不传女

红影 发表于 2023-12-24 19:47

马黑黑 发表于 2023-12-24 18:07
这是视觉干扰

人的眼睛还是很容易欺骗的{:4_204:}

红影 发表于 2023-12-24 19:49

马黑黑 发表于 2023-12-24 18:07
目前没有申请专利,但技术保密,不外传,传男不传女

我也弄个新材料外壳,传女不传男{:4_173:}

<style>
#mydiv {
      margin: 100px auto;
      width: 500px;
      height: 500px;
      border-radius: 50%;
      box-shadow: -20px 0 20px 5px rgba(213, 255, 145, 0.5),
    0px -20px 20px 5px rgba(145, 255, 191, 0.5),
    20px 0 20px 5px rgba(82, 255, 220, 0.5),
    0 20px 20px 5px rgba(239, 255, 91, 0.5), inset 0 0 160px rgba(0, 134, 155, .5);
      background: rgb(112, 255, 220);
      display: grid;
      place-items: center;
      position: relative;
}
li-zi {
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: navy;
      opacity: .95;
      animation: moving var(--duration) var(--delay) linear infinite alternate;
}
@keyframes moving {
      from { transform: translate(0,0); }
      to { transform: translate(var(--xx),var(--yy)); }
}
</style>

<div id="mydiv"></div>

<script>
let r = mydiv.offsetWidth / 2 - 10, total = 60;
Array.from({length: total}).forEach((item,key) => {
      let rad = (Math.PI / 180) * 360 / total;
      item = document.createElement('li-zi');
      item.style.cssText += `
                --xx: ${r * Math.cos(rad * key)}px;
                --yy: ${r * Math.sin(rad * key)}px;
                --duration: ${2 + Math.random() * 3}s;
                --delay: -${Math.random() * 5}s;
                background: #${Math.random().toString(16).substr(-6)};
      `;
      mydiv.appendChild(item);
});
</script>

马黑黑 发表于 2023-12-24 19:51

红影 发表于 2023-12-24 19:49
我也弄个新材料外壳,传女不传男




{:4_199:}

马黑黑 发表于 2023-12-24 19:52

红影 发表于 2023-12-24 19:47
人的眼睛还是很容易欺骗的

是的,所以才有魔术——魔术就是以欺骗人的眼睛为主的小把戏

红影 发表于 2023-12-24 20:20

马黑黑 发表于 2023-12-24 19:51


外壳是搜的,不是我弄的{:4_173:}

红影 发表于 2023-12-24 20:22

马黑黑 发表于 2023-12-24 19:52
是的,所以才有魔术——魔术就是以欺骗人的眼睛为主的小把戏

是的,用想不到的角度和心理的事先忽悠,让人很惊叹。

马黑黑 发表于 2023-12-24 20:23

红影 发表于 2023-12-24 20:20
外壳是搜的,不是我弄的

其实都可以呀。

box-shadow可以接收5个参数,除颜色外,还有一个我基本不用的第四个参数,扩展参数:

box-shadow: 2px 2px 10px 12px red;

可以试试共色这个参数,看看是咋样的

马黑黑 发表于 2023-12-24 20:24

红影 发表于 2023-12-24 20:22
是的,用想不到的角度和心理的事先忽悠,让人很惊叹。

还有,最核心的,就是人眼的能力局限

红影 发表于 2023-12-24 20:55

马黑黑 发表于 2023-12-24 20:23
其实都可以呀。

box-shadow可以接收5个参数,除颜色外,还有一个我基本不用的第四个参数,扩展参数:
...

我还专门去看了看,第四个参数还可以是负数呢。我去改一下看看。。。
页: 1 [2] 3 4 5 6 7
查看完整版本: 这个用来干啥好