加林森 发表于 2022-1-2 11:15

本帖最后由 加林森 于 2022-5-18 17:10 编辑 <br /><br />马黑黑 发表于 2022-1-1 22:08
开开森森
老黑上午好!{:5_108:}

<style>
.outerbox {
        position: relative;
        left: -340px;
         top:150px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1280px;
        height: 720px;
        background: #888 url('https://wj.zp68.com/lxx/yunhua/2022/05/17/1280.jpg') no-repeat center/cover;;
        box-shadow: 2px 2px 8px rgba(0,0,0,.95);
        perspective: 3000px;
}
.innerbox {
        background: #666;
        box-shadow: 2px 2px 6px rgba(0,0,0,.85);
        transform-style: preserve-3d;
        animation: flyout 6s linear infinite alternate;
}
@keyframes flyout {
        0% { transform: rotate(0turn); width: 1px; height: 1px; }
        80%, 100% { transform: rotate(2turn); width: 600px; height: 600px; }
}
</style>

<div class="outerbox">
        <div class="innerbox"></div>
</div>

<script>

let picAr = Array.from({length:13}, (v,k) => k + 1);
let idx = 0;
let outer = document.querySelector('.outerbox');
let inner = document.querySelector('.innerbox');
let aud = document.createElement('iframe');
aud.src = 'https://music.163.com/outchain/player?type=2&id=523250334&auto=1&height=66';
aud.style.display = 'none';
setBgImg();
outer.appendChild(aud);
setInterval(setBgImg, 12000);

function setBgImg(){
        if(idx >= picAr.length) idx = 0;
        inner.style = `background: url('https://wj.zp68.com/lxx/yunhua/2022/05/17/${picAr}.jpg') no-repeat center/cover`;
        idx += 1;
}

</script>
<br><br><br><br><br><br><br><br><br><br><br><br>

马黑黑 发表于 2022-1-2 11:33

加林森 发表于 2022-1-2 11:15
老黑上午好!

{:4_180:}

加林森 发表于 2022-1-2 11:40

马黑黑 发表于 2022-1-2 11:33


{:4_190:}

马黑黑 发表于 2022-1-2 11:47

加林森 发表于 2022-1-2 11:40


谢茶

加林森 发表于 2022-1-2 12:07

马黑黑 发表于 2022-1-2 11:47
谢茶

不客气的。吃午饭了吗?

马黑黑 发表于 2022-1-2 12:12

加林森 发表于 2022-1-2 12:07
不客气的。吃午饭了吗?

差不多了

加林森 发表于 2022-1-2 12:15

马黑黑 发表于 2022-1-2 12:12
差不多了

我都吃完了。

马黑黑 发表于 2022-1-2 12:31

加林森 发表于 2022-1-2 12:15
我都吃完了。

挺快的

小辣椒 发表于 2022-1-2 12:45

队长会套用代码了,赞的!{:4_199:}

加林森 发表于 2022-1-2 12:50

马黑黑 发表于 2022-1-2 12:31
挺快的

是的

加林森 发表于 2022-1-2 12:50

小辣椒 发表于 2022-1-2 12:45
队长会套用代码了,赞的!

小辣椒新年好!跟着学习就是好啊。

小辣椒 发表于 2022-1-2 13:44

加林森 发表于 2022-1-2 12:50
小辣椒新年好!跟着学习就是好啊。

队长新年好,小辣椒几天没有好好看黑黑的教程,许多都没有练习做了

加林森 发表于 2022-1-2 13:47

小辣椒 发表于 2022-1-2 13:44
队长新年好,小辣椒几天没有好好看黑黑的教程,许多都没有练习做了

我现在就是跟到学习跟到练习的。

小辣椒 发表于 2022-1-2 14:08

加林森 发表于 2022-1-2 13:47
我现在就是跟到学习跟到练习的。

对,一定要练习才会自己操作

马黑黑 发表于 2022-1-2 16:11

加林森 发表于 2022-1-2 12:50
是的

按时

加林森 发表于 2022-1-2 17:21

小辣椒 发表于 2022-1-2 14:08
对,一定要练习才会自己操作

是的是的

加林森 发表于 2022-1-2 17:22

马黑黑 发表于 2022-1-2 16:11
按时

是的

马黑黑 发表于 2022-1-2 18:14

加林森 发表于 2022-1-2 17:22
是的

巴适得板

加林森 发表于 2022-1-2 18:47

马黑黑 发表于 2022-1-2 18:14
巴适得板

要得要得

马黑黑 发表于 2022-1-2 19:39

加林森 发表于 2022-1-2 18:47
要得要得

{:4_181:}
页: 1 [2] 3
查看完整版本: 《蒙古骏马》 纯音乐 祝黑黑新年快乐!