马黑黑 发表于 2022-4-2 08:27

○ 王晴 - 退让 ○

本帖最后由 马黑黑 于 2022-4-2 08:37 编辑 <br /><br /><style type="text/css">
#woo {
        position: relative;
        left: -22px;
        width: 800px;
        height: 420px;
        background: url('/data/attachment/forum/202204/02/082246lhz2m9720vz685dp.jpg') no-repeat center/contain;
        overflow: hidden;
}
#woo::before {
        content: '';
        position: absolute;
        width: 800px;
        height: 420px;
        background: transparent url('/data/attachment/forum/202204/02/082246n566q71e3o7nwev3.gif') repeat;
        left: 0; top: 0;
}
#woo::after {
        content: attr(data-1);
        position: absolute;
        padding: 6px;
        font: bold 2.5em Sans-serif;
        color: pink;
        text-shadow: 2px 2px 4px #333;
        width: 20px;
        height: 240px;
        border: 2px dotted;
        border-color: deeppink pink;
        left: 10px;
        top: 10px;
}
#circleDiv {
        position: absolute;
        width: 60px;
        height: 60px;
        left: 138px;
        top: 203px;
        border-radius: 50%;
        box-shadow: 0px 0px 2px #000;
        cursor: pointer;
}
</style>

<div id="woo" data-1="王晴 ○退让">
        <div id="circleDiv"></div>
</div>

<script language="javascript">

let tt;
let cc = document.getElementById('circleDiv');
let aud = document.createElement('audio');
aud.loop = true;
aud.src = 'https://638183.freep.cn/638183/imusic/2904860138.mp3';
cc.appendChild(aud);
merge();
autoPlay();

cc.onclick = function() { autoPlay(); }

function merge(){
   let num = 45;
   let bgStr = 'conic-gradient(';
   for(j=0; j<360/num; j++) {
      bgStr += `#${Math.random().toString(16).substr(-6)} ${j*num}deg,`;
   }
   bgStr = bgStr.slice(0, bgStr.length-1) + ")";
   cc.style.background = `#${Math.random().toString(16).substr(-6)} ${bgStr}`;
}

function autoPlay() { aud.paused == true ? (tt = setInterval(merge, 100), aud.play()) : (clearInterval(tt), aud.pause()); }

</script>

马黑黑 发表于 2022-4-2 08:28

音乐不行？

马黑黑 发表于 2022-4-2 08:38

酷美网盘访问量过大，昨天晚上崩溃了。现在还没有维护好。

红影 发表于 2022-4-2 09:04

马黑黑 发表于 2022-4-2 08:28
音乐不行？

能听到了，估计酷美修复好了吧{:4_187:}

红影 发表于 2022-4-2 09:06

黑黑的这个光碟放的位置好。又是一种新的雪花效果呢。真漂亮的制作{:4_199:}

马黑黑 发表于 2022-4-2 09:08

红影 发表于 2022-4-2 09:06
黑黑的这个光碟放的位置好。又是一种新的雪花效果呢。真漂亮的制作

这次的雪花，是图片效果

马黑黑 发表于 2022-4-2 09:09

红影 发表于 2022-4-2 09:04
能听到了，估计酷美修复好了吧

换了地址

绿叶清舟 发表于 2022-4-2 10:16

音乐能听到的，这个效果漂亮

马黑黑 发表于 2022-4-2 10:19

绿叶清舟 发表于 2022-4-2 10:16
音乐能听到的，这个效果漂亮

音乐是我另外上传了

绿叶清舟 发表于 2022-4-2 10:25

马黑黑 发表于 2022-4-2 10:19
音乐是我另外上传了

俺在想你昨天那个图片加渐变的，如果把渐变换成图片能出这样的效果不

马黑黑 发表于 2022-4-2 10:27

绿叶清舟 发表于 2022-4-2 10:25
俺在想你昨天那个图片加渐变的，如果把渐变换成图片能出这样的效果不

道理上图片不能这样渐变，但可以考虑用滤镜或许可以达到其他的效果

马黑黑 发表于 2022-4-2 10:33

红影 发表于 2022-4-2 09:04
能听到了，估计酷美修复好了吧

酷美网盘现在修复好了

绿叶清舟 发表于 2022-4-2 11:21

马黑黑 发表于 2022-4-2 10:27
道理上图片不能这样渐变，但可以考虑用滤镜或许可以达到其他的效果

透明盖一下可以吧

马黑黑 发表于 2022-4-2 11:54

绿叶清舟 发表于 2022-4-2 11:21
透明盖一下可以吧

可以的

红影 发表于 2022-4-2 12:50

马黑黑 发表于 2022-4-2 09:08
这次的雪花，是图片效果

哦哦，我弄错了，以为又还是css的呢{:4_173:}

红影 发表于 2022-4-2 12:52

马黑黑 发表于 2022-4-2 10:33
酷美网盘现在修复好了

偶尔失灵，害得黑黑还得另外上传，辛苦了{:4_173:}

大猫咪 发表于 2022-4-2 13:24

老黑这是个什么机器，功放器吗   真漂亮！歌暂时听不到，辛苦了 {:4_187:}{:4_179:}

大猫咪 发表于 2022-4-2 13:25

哈哈   回帖歌就听见了    第一次欣赏， 非常好听   {:4_204:}{:4_191:}

马黑黑 发表于 2022-4-2 16:13

大猫咪 发表于 2022-4-2 13:25
哈哈   回帖歌就听见了    第一次欣赏， 非常好听

嗯，这歌你之前应该是没听过的

马黑黑 发表于 2022-4-2 16:14

大猫咪 发表于 2022-4-2 13:24
老黑这是个什么机器，功放器吗   真漂亮！歌暂时听不到，辛苦了

这是我小时候玩过的八音盒
页: [1] 2 3
查看完整版本: ○ 王晴 - 退让 ○