红影 发表于 2022-2-26 22:16

加林森 发表于 2022-2-26 21:20
我今天制作了一个，已经发出来了，你帮着我看看有问题没有。谢谢！

嗯嗯，已经看到了，很不错{:4_187:}

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

本帖最后由 加林森 于 2022-5-19 13:27 编辑 <br /><br />红影 发表于 2022-2-26 22:16
嗯嗯，已经看到了，很不错
谢谢红影了。{:4_187:}{:4_190:}

<style>
.stage{
        margin: auto;
        position: relative;
        left: -305px;
        width: 1200px;
        height: 800px;
        background:#666 url('https://pic.imgdb.cn/item/6285d232094754312960131c.jpg');
        perspective: 3000px;
        perspective-origin: 50% 50%;
        cursor: pointer;
}
.stage::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: url('https://638183.freep.cn/638183/Pic/2022/smoke1.gif') no-repeat center/cover;
        opacity: .1;
}
.circle {
        --x: 80px;
        position: absolute;
        width: var(--x);
        height: var(--x);
        right: 20px;
               top: 140px;
               left: 84px;
        transform-style: preserve-3d;
        animation: rot 5s linear infinite;
}
.circle div {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid Blue;
        border-radius: 50%;
        padding: 0;
}
.circle div:nth-child(1){ transform:rotateY(0deg);}
.circle div:nth-child(2){ transform:rotateY(30deg);}
.circle div:nth-child(3){ transform:rotateY(60deg);}
.circle div:nth-child(4){ transform:rotateY(90deg);}
.circle div:nth-child(5){ transform:rotateY(120deg);}
.circle div:nth-child(6){ transform:rotateY(150deg);}
@keyframes rot{
        0%{ transform: rotateZ(30deg) rotateY(0turn);}
        100%{ transform: rotateZ(30deg) rotateY(1turn);}
}
</style>

<div class="stage">
        <div class="circle">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
        </div>
</div>

<script>
var au = document.createElement('audio');
au.src = 'https://www.joy127.com/url/89809.mp3';
au.loop = true;
au.autoplay = true;
document.querySelector('.stage').appendChild(au);
document.querySelector('.circle').onclick = function() {
        au.paused ? (au.play(), this.style.animationPlayState = 'running') : (au.pause(), this.style.animationPlayState = 'paused');
}
</script>

杨柳青 发表于 2022-2-26 22:44

好好好~~帖子漂亮~~{:5_116:}

小辣椒 发表于 2022-2-26 22:59

队长玩网易音乐很熟吧，这样可以随便玩了{:4_187:}

加林森 发表于 2022-2-26 23:07

杨柳青 发表于 2022-2-26 22:44
好好好~~帖子漂亮~~

小青青真乖！{:4_190:}

加林森 发表于 2022-2-26 23:07

小辣椒 发表于 2022-2-26 22:59
队长玩网易音乐很熟吧，这样可以随便玩了

我是注册会员啊。{:4_189:}

小辣椒 发表于 2022-2-26 23:09

加林森 发表于 2022-2-26 23:07
我是注册会员啊。

哈哈，不注册也是没关系，这个链接随便可以找

杨柳青 发表于 2022-2-26 23:17

加林森 发表于 2022-2-26 23:07
小青青真乖！

队长也不赖~~{:4_173:}

加林森 发表于 2022-2-26 23:21

杨柳青 发表于 2022-2-26 23:17
队长也不赖~~

必须的是不是?{:4_190:}

加林森 发表于 2022-2-26 23:24

小辣椒 发表于 2022-2-26 23:09
哈哈，不注册也是没关系，这个链接随便可以找

嗯嗯，原来注册的。用习惯了。

杨柳青 发表于 2022-2-27 22:46

加林森 发表于 2022-2-26 23:21
必须的是不是?

晚上好~~{:4_187:}

加林森 发表于 2022-2-27 22:56

杨柳青 发表于 2022-2-27 22:46
晚上好~~

夜猫子上来啦。{:4_189:}

杨柳青 发表于 2022-2-27 23:01

加林森 发表于 2022-2-27 22:56
夜猫子上来啦。

怎么说呢~~有关夜猫子的问题从理论上说~~{:5_153:}

加林森 发表于 2022-2-27 23:04

杨柳青 发表于 2022-2-27 23:01
怎么说呢~~有关夜猫子的问题从理论上说~~

{:4_170:}

杨柳青 发表于 2022-2-27 23:08

加林森 发表于 2022-2-26 23:07
我是注册会员啊。

网易音乐人~~{:5_115:}

加林森 发表于 2022-2-27 23:10

杨柳青 发表于 2022-2-27 23:08
网易音乐人~~

不是不是

杨柳青 发表于 2022-2-27 23:12

加林森 发表于 2022-2-27 23:10
不是不是

{:4_190:}

加林森 发表于 2022-2-27 23:16

杨柳青 发表于 2022-2-27 23:12


谢茶
页: 1 [2]
查看完整版本: 《 我和春天有个约会》 邝美云