论坛 › 音乐沙龙 › 出埃及记

马黑黑 发表于 2022-5-2 11:35

出埃及记

<style>
.outDiv { position: relative; left: -214px; width: 1024px; height: 576px; background: #666 url('/data/attachment/forum/202205/02/113323szeue99hh9j9pxkg.jpg') no-repeat; opacity: .95; perspective: 2000px; }
.flower { width: 100px; height: 100px; left: 500px; top: 130px; position: relative; transform-style: preserve-3d; }
.flower div { width: 50%; height: 50%; border-radius: 0 100%; background: linear-gradient(yellow,gold); position: absolute; transform-origin: 100% 100%; }
.flower div:nth-child(2) { transform: rotate(120deg); }
.flower div:nth-child(3) { transform: rotate(240deg); }
.rflower { cursor: pointer; animation: rot 6s infinite; }
.sflower { left: 660px; top: 220px; transform: skewY(-25deg); opacity: .6; }
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<div class="outDiv">
        <div class="flower rflower">
                <div></div>
                <div></div>
                <div></div>
        </div>
        <div class="flower sflower">
                <div></div>
                <div></div>
                <div></div>
        </div>
</div>

<script>
let flag = true;
let btn = document.querySelector('.flower');
let au = document.createElement('audio');
au.src = 'http://www.kumeiwp.com/sub/filestores/2022/04/11/3a7cad15d27734f8b4335d9cfc47d078.mp3';
au.autoplay = flag;
au.loop = true;
au.style.display = 'none';
document.querySelector('.outDiv').appendChild(au);
btn.onclick = function(){
        flag ? (au.pause(), this.style.animationPlayState = 'paused', flag = false) : (au.play(), this.style.animationPlayState = 'running', flag = true);
}
</script>

东篱闲人 发表于 2022-5-2 11:49

创意很独特。灾难就在眼前了，他还有心思玩风车，太淡定了，黑黑厉害！{:5_116:}

马黑黑 发表于 2022-5-2 11:50

东篱闲人 发表于 2022-5-2 11:49
创意很独特。灾难就在眼前了，他还有心思玩风车，太淡定了，黑黑厉害！

这个风车是测风向的，以便好决定红海应该摆在什么地方{:4_170:}

东篱闲人 发表于 2022-5-2 11:52

马黑黑 发表于 2022-5-2 11:50
这个风车是测风向的，以便好决定红海应该摆在什么地方

测量啊？俺看不赶趟了。。。{:4_170:}

马黑黑 发表于 2022-5-2 11:53

东篱闲人 发表于 2022-5-2 11:52
测量啊？俺看不赶趟了。。。

人家有腾挪功能，怕个球

东篱闲人 发表于 2022-5-2 11:55

马黑黑 发表于 2022-5-2 11:53
人家有腾挪功能，怕个球

黑黑不是一般人。。。{:5_116:}

马黑黑 发表于 2022-5-2 12:05

东篱闲人 发表于 2022-5-2 11:55
黑黑不是一般人。。。

是隔壁班的吧{:4_189:}

红影 发表于 2022-5-2 12:30

场面很宏大，非常气势{:4_187:}

马黑黑 发表于 2022-5-2 12:36

红影 发表于 2022-5-2 12:30
场面很宏大，非常气势

图片与音乐的效果，它们相互补充

大猫咪 发表于 2022-5-2 12:43

老黑制作真棒 {:4_187:}好创意， 秒变黑法师了{:4_170:} {:5_117:}厉害 {:5_116:}

马黑黑 发表于 2022-5-2 12:49

大猫咪 发表于 2022-5-2 12:43
老黑制作真棒 好创意， 秒变黑法师了   厉害

{:4_180:}

岩新新 发表于 2022-5-2 15:12

欣赏支持！

红影 发表于 2022-5-2 15:50

马黑黑 发表于 2022-5-2 12:36
图片与音乐的效果，它们相互补充

是啊，很让人联想的画面{:4_204:}

马黑黑 发表于 2022-5-2 17:06

本帖最后由 马黑黑 于 2022-5-2 17:11 编辑

红影 发表于 2022-5-2 15:50
是啊，很让人联想的画面
这个是游戏画面

马黑黑 发表于 2022-5-2 17:10

岩新新 发表于 2022-5-2 15:12
欣赏支持！

{:5_108:}感谢，请{:4_190:}

梦油 发表于 2022-5-2 17:38

风车转动有节奏，制作起来是不是很麻烦啊？

我下午没分了。不能加分，抱歉！

马黑黑 发表于 2022-5-2 17:40

梦油 发表于 2022-5-2 17:38
风车转动有节奏，制作起来是不是很麻烦啊？

我下午没分了。不能加分，抱歉！

风车，或其他任何的可视对象，让它们怎么动就怎么动，有一整套实现机制。
分不分不重要，重要的是你的支持。感谢！

加林森 发表于 2022-5-2 18:36

老黑制作得真是太漂亮了，经典的音乐，真给力！{:4_199:}

马黑黑 发表于 2022-5-2 18:59

加林森 发表于 2022-5-2 18:36
老黑制作得真是太漂亮了，经典的音乐，真给力！

谢谢队长鼓励，请{:4_190:}

加林森 发表于 2022-5-2 19:04

马黑黑 发表于 2022-5-2 18:59
谢谢队长鼓励，请

谢茶！

查看完整版本: 出埃及记