论坛 › 欢乐水吧 › 《智慧》to 马黑黑

红影 发表于 2022-5-6 22:12

《智慧》to 马黑黑

<style>
.bgDiv {
      left: -192px;top:100px;
      width: 1000px;
      height: 533px;
      background-color: rgb(0,0,0);
      background-image: radial-gradient(circle, white 1px, Black 2px, gray 1px,blue), linear-

gradient(120deg, pink,tan);
      background-blend-mode: overlay,difference,lighten;
      animation: magic 20s   infinite alternate;
      position: relative;
}
.bgDiv img { position: absolute; left: 0; top: 0; mix-blend-mode: multiply; }

.papa {
      width: 80px; height: 160px;
      left: 370px; top: 50px;
      background: #000 ;
      cursor: pointer;
      position: relative;border: 1px solid #000;
      animation: rot 4s linear infinite;
}
.papa::after {
      content: ''; position: absolute;
      left:3px; top: 3px; width: 4px; height: 4px;
      border: 3px solid #666; border-radius: 50%;
      background: #000;
}
.papa div {
      width: 100%; height: 100%;
      border: 1px solid; position: absolute; opacity: .85;
      
}
@keyframes rot { to {transform: rotate(1turn); } }
@keyframes magic { to { background-color: rgb(75,0,130); } }

</style>
<div class="bgDiv">
      <img src ="https://pic.imgdb.cn/item/6274b648094754312905e8bb.jpg" alt="" />
<div class="papa">
</div>
</div><br><br><br><br><br><br>
<script>
let papa = document.querySelector(".papa");
let au = document.createElement("audio");
let dstr = "";
let flag = true;
au.src = "https://music.163.com/song/media/outer/url?id=1899230898.mp3";
au.autoplay = flag;
au.loop= true;
for(j=0; j<6; j++){
      let cc = `#${Math.random().toString(16).substr(-6)}`;
      dstr += `<div style="border-color: ${cc}; transform: rotate(${j*30}deg);"></div>\n`;
}
papa.innerHTML = dstr;
papa.appendChild(au);
papa.onclick = function() {
      flag ? (this.style.animationPlayState = "paused",flag = false,au.pause()) :
(this.style.animationPlayState = "running",flag = true,au.play());
}

let tt = setInterval(flash,100);

function flash(){
      let c1 = `#${Math.random().toString(16).substr(-6)}`;
      let c2 = `#${Math.random().toString(16).substr(-6)}`;
      papa.style.background = `linear-gradient(120deg,${c1},${c2})`;
}
</script>

红影 发表于 2022-5-6 22:12

黑黑的脑袋里全是代码{:4_173:}

大猫咪 发表于 2022-5-6 22:18

红影这制作很有创意啊音乐融合的很棒！ 背景很有想象力 {:4_187:} 赞！ 老黑收礼开心！ {:4_204:}{:4_179:}

马黑黑 发表于 2022-5-6 22:33

这个耐看，也有深意

樵歌 发表于 2022-5-7 06:23

这个创意真创意，黑黑就是代码，代码就是黑黑。{:4_173:}

马黑黑 发表于 2022-5-7 07:52

樵歌 发表于 2022-5-7 06:23
这个创意真创意，黑黑就是代码，代码就是黑黑。

DNA就是代码，所以谁都是代码{:4_170:}

红影 发表于 2022-5-7 20:15

大猫咪 发表于 2022-5-6 22:18
红影这制作很有创意啊音乐融合的很棒！ 背景很有想象力赞！ 老黑收礼开心！ {:4_179 ...

看到这张图图，觉得特别适合黑黑{:4_173:}

红影 发表于 2022-5-7 20:17

马黑黑 发表于 2022-5-6 22:33
这个耐看，也有深意

你送队长的生日礼，那个手机觉得特别漂亮，一直想着要做在帖子里。正好看到一张合适的图图，就用来做成帖子送你了{:4_187:}

红影 发表于 2022-5-7 20:17

樵歌 发表于 2022-5-7 06:23
这个创意真创意，黑黑就是代码，代码就是黑黑。

哈哈，师兄说得到位{:4_189:}

马黑黑 发表于 2022-5-7 20:18

红影 发表于 2022-5-7 20:17
你送队长的生日礼，那个手机觉得特别漂亮，一直想着要做在帖子里。正好看到一张合适的图图，就用来做成帖 ...

意思是，我送出的手机你要帮我要回来了？要得，要得{:4_170:}

红影 发表于 2022-5-7 20:19

马黑黑 发表于 2022-5-7 07:52
DNA就是代码，所以谁都是代码

不对，代码是人编写的，而脱氧核糖核酸是老天编写的，目前还破解不了呢。

马黑黑 发表于 2022-5-7 20:22

红影 发表于 2022-5-7 20:19
不对，代码是人编写的，而脱氧核糖核酸是老天编写的，目前还破解不了呢。

代码就是代码，不论谁编写的

红影 发表于 2022-5-8 11:14

马黑黑 发表于 2022-5-7 20:18
意思是，我送出的手机你要帮我要回来了？要得，要得

这多好，礼送完了，手机还在{:4_170:}

红影 发表于 2022-5-8 11:15

马黑黑 发表于 2022-5-7 20:22
代码就是代码，不论谁编写的

仙凡完全不同，哪天我们破解了上天的密码，我们也成神仙了。

加林森 发表于 2022-5-8 12:04

漂亮的制作，真是创意无限。{:4_199:}

马黑黑 发表于 2022-5-8 12:21

红影 发表于 2022-5-8 11:15
仙凡完全不同，哪天我们破解了上天的密码，我们也成神仙了。

那是更高深的代码而已。就像语言，高级语言大家用心学学都会，或能看懂一些代码，低级语言就需要有强大的数学能力了，一万个人中有一个人能看懂的就不错了

马黑黑 发表于 2022-5-8 12:22

红影 发表于 2022-5-8 11:14
这多好，礼送完了，手机还在

符合物归原主的基本原理

红影 发表于 2022-5-9 12:56

加林森 发表于 2022-5-8 12:04
漂亮的制作，真是创意无限。

把黑黑送你的那个生日礼物用上了{:4_173:}

红影 发表于 2022-5-9 12:58

马黑黑 发表于 2022-5-8 12:21
那是更高深的代码而已。就像语言，高级语言大家用心学学都会，或能看懂一些代码，低级语言就需要有强大的 ...

原来低级高级是这样定的啊，我还以为越是高级的越是计算复杂呢{:4_173:}

红影 发表于 2022-5-9 12:58

马黑黑 发表于 2022-5-8 12:22
符合物归原主的基本原理

哈哈，良性循环{:4_189:}

查看完整版本: 《智慧》to 马黑黑