加林森 发表于 2021-8-28 00:00

慢慢长夜！

本帖最后由 加林森 于 2022-4-18 19:18 编辑 <br /><br />咋个办？

<style>
.bgLinear {
        position: relative;
        width: 1024px;
        min-height: 560px;
        left: -214px;
        background:
                radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
                radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0,
                radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px,
                radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,
                radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,
                radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0,
                linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
        background-size: 450px 450px, 570px 570px, 210px 210px, 310px 310px, 330px 330px, 430px 430px, 100% 100%;
}
.bgLinear img { position: absolute; width: 256px; height: 562px; right: 0; mix-blend-mode: soft-light; }
.bgLinear p { position: absolute; display: block; left: 20px; top: 20px; font: 900 3em / 1em Sans-serif; mix-blend-mode: color-burn;}
.bray {
        --len: 160px;
        right: 90px;
        top: calc(50% - 75px);
        display: flex;
        justify-content: center;
        align-items: center;
        width: var(--len);
        height: var(--len);
        position: absolute;
        border-radius: 50%;
        cursor: pointer;
        z-index: 100;
        animation: rot 4s linear infinite;
}

.bray div {
        position: absolute;
        width: calc(var(--len) / 5);
        height: calc(var(--len) / 5);
        border-radius: 50%;
}

.bray div::before {
        content: '';
        position: absolute;
        width: inherit;
        height: inherit;
        border-radius: 50%;
        background: radial-gradient(at 35% 40%, rgba(255,255,255,.5), rgba(0,0,255,.1));
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<div class="bgLinear">
        <p>孤勇者(抖音完整版)</p>
        <div class="bray"></div>
        <img src="https://pic.imgdb.cn/item/625d3ee1239250f7c53cb782.jpg" alt="" />
</div>

<script language="javascript">
let box = document.querySelector(".bray");
let width = box.clientWidth;
let total = 16;
let angle = 360 / total;
let str = "";

for(j=0; j<total; j++) {
        let transform = `rotate(${angle * j}deg) translateY(-${width / 2}px) rotate(${360 - angle*j}deg)`;
        let cc = `linear-gradient(120deg,#${Math.random().toString(16).substr(-6)},#${Math.random().toString(16).substr(-6)})`;
        str += `<div style="transform: ${transform}; background: ${cc};"></div>\n`;
}
box.innerHTML = str;

let flag = true;
let au = document.createElement('audio');
au.src = 'http://www.kumeiwp.com/sub/filestores/2022/04/17/7710b149bd62e63234eff53b3a25781b.mp3';
au.autoplay = flag;
au.loop = true;
au.display = 'none';
box.appendChild(au);

box.onclick=function() {
        flag ? (box.style.animationPlayState = 'paused', au.pause(), flag = false) : (box.style.animationPlayState = 'running', au.play(), flag = true);
}
</script>

加林森 发表于 2021-8-28 00:03

晕乎乎
慢慢过
咋个办
看大家
{:5_150:}

红影 发表于 2021-8-28 00:20

又熬夜呀{:4_172:}

大猫咪 发表于 2021-8-28 12:32

队长怎么了，又睡不着了啊   {:4_189:}是不是又听情歌了，{:5_117:}    周末快乐{:4_204:}

加林森 发表于 2021-8-28 14:36

红影 发表于 2021-8-28 00:20
又熬夜呀

是啊

加林森 发表于 2021-8-28 14:37

大猫咪 发表于 2021-8-28 12:32
队长怎么了，又睡不着了啊   是不是又听情歌了，    周末快乐

猫猫周末快乐！{:4_204:}

红影 发表于 2021-8-28 15:35

加林森 发表于 2021-8-28 14:36
是啊

我昨天也不小心晚了，周五晚上比较放松{:4_173:}

加林森 发表于 2021-8-28 16:57

红影 发表于 2021-8-28 15:35
我昨天也不小心晚了，周五晚上比较放松

与我差不多啊{:4_170:}

朵嫣 发表于 2021-8-28 17:16

隊長熬夜辛苦了~
咖啡多喝一點{:4_190:}

大猫咪 发表于 2021-8-28 17:19

队长喜欢喝喝山猪迷路{:4_189:}

朵嫣 发表于 2021-8-28 17:22

大猫咪 发表于 2021-8-28 17:19
队长喜欢喝喝山猪迷路

應該請隊長喝"長老說話"{:5_106:}

大猫咪 发表于 2021-8-28 17:24

朵嫣 发表于 2021-8-28 17:22
應該請隊長喝"長老說話"

要让队长出家啊{:4_189:}

朵嫣 发表于 2021-8-28 17:27

大猫咪 发表于 2021-8-28 17:24
要让队长出家啊

酒精濃度才40%{:5_106:}

大猫咪 发表于 2021-8-28 17:28

本帖最后由 大猫咪 于 2021-8-28 17:31 编辑

朵嫣 发表于 2021-8-28 17:27
酒精濃度才40%
这就猫知道厦门的{:4_170:}

朵嫣 发表于 2021-8-28 17:31

大猫咪 发表于 2021-8-28 17:28
蛇就猫知道厦门的

貓 你說什麼鬼?
我不太懂...{:4_189:}

大猫咪 发表于 2021-8-28 17:31

打错字了是这

朵嫣 发表于 2021-8-28 17:34

大猫咪 发表于 2021-8-28 17:31
打错字了是这

哈哈 瞭~

大猫咪 发表于 2021-8-28 17:35

朵嫣 发表于 2021-8-28 17:34
哈哈 瞭~

https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%253A%252F%252Fdingyue.ws.126.net%252F2021%252F0814%252F501d648ej00qxti2e000vc000ge006wc.jpg%26thumbnail%3D650x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1632735302&t=5c65dbbd036d449246d7df8ea4cdab81

加林森 发表于 2021-8-28 17:48

本帖最后由 加林森 于 2021-8-28 17:50 编辑

朵嫣 发表于 2021-8-28 17:16
隊長熬夜辛苦了~
咖啡多喝一點
嗯嗯，谢谢朵嫣！{:4_171:}

朵嫣 发表于 2021-8-28 17:50

加林森 发表于 2021-8-28 17:48
嗯嗯，谢谢猫猫！

隊長 我是朵嫣

還沒開喝捏~~{:5_106:}
页: [1] 2
查看完整版本: 慢慢长夜！