《梦里水乡》 钟明秋 大家在玩的时候可以听听！
本帖最后由 加林森 于 2022-2-10 18:43 编辑 <br /><br /><style type="text/css">.paBox { /* 父框 */
margin: 10px auto;
width: 1024px;
height: 640px;
position: relative;
background: #000 url('https://pic.imgdb.cn/item/6204a4112ab3f51d910460ad.jpg') no-repeat;
left: -210px;
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
content: "";
position: absolute;
width: 500px; height: 2px;
background: silver;
left: 300px; top: 230px;
opacity: 0.1;
transform-origin: center center;
}
/* 父框和 .soBox 的伪元素各自的动画样式 */
.paBox::before { animation: fly 2s linear infinite alternate;}
.paBox::after { height: 4px; animation: fly 5s linear infinite;}
.soBox::before { animation: fly 3s linear infinite;}
.soBox::after { height: 5px; animation: fly 1s linear infinite alternate;}
@keyframes fly { 100% { transform: rotate(360deg); } }
/*旋转按钮*/
.roBox32 {
margin: 10px;
position: relative;
width: 32px; height: 32px;
line-height: 32px; font-size: 12px;
background: linear-gradient(blue,gray,red);
outline:none;
color: white;
border-radius: 50%;
text-align: center;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
cursor: pointer;
animation: rol linear 2s infinite;
}
.roBox32:hover { opacity: 0.8; }
.roBox32:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div class="paBox">
<div class="soBox"></div>
<p style="position: absolute; left:240px; top:580px; color:#FFA500;"><marqueescrollamount="3" direction="left" >梦里水乡-钟明秋 编辑/加林森</marquee></p>
<!-- 按钮 -->
<div id="roBox" class="roBox32" style="left:10%;top:88%;">●</div>
</div>
<audio id="ymusic" src="https://www.joy127.com/url/88590.mp3" autoplay="autoplay" loop="loop"></audio>
<script language="javascript">
var mu = document.getElementById('ymusic');
var roBtn = document.getElementById('roBox');
mu.autoplay ? roBtn.style.animationPlayState="running" : roBtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ roBtn.style.animationPlayState="paused"; })
roBtn.onclick = function(){ mu.paused ? (mu.play(), roBtn.style.animationPlayState="running") : (mu.pause(), roBtn.style.animationPlayState="paused"); }
</script>
梦里水乡 - 钟明秋词：洛宾曲：洛宾春天的黄昏请你陪我到梦中的水乡那挥动的手在薄雾中飘荡不要惊醒杨柳岸那些缠绵的往事化作一缕轻烟已消失在远方暖暖的午后闪过一片片粉红的衣裳谁也载不走那扇古老的窗玲珑少年在岸上守候一生的时光为何没能做个你盼望的新娘淡淡相思都写在脸上层层离别背在肩上泪水流过脸庞所有的话现在还是没有讲看那青山荡漾在水上看那晚霞吻着夕阳我用一生的爱去寻找那一个家今夜你在何方转回头迎着你的笑颜心事全都被你发现梦里遥远的幸福他就在我身旁暖暖的午后闪过一片片粉红的衣裳谁也载不走那扇古老的窗玲珑少年在岸上守候一生的时光为何没能做个你盼望的新娘淡淡相思都写在脸上层层离别背在肩上泪水流过脸庞所有的话现在还是没有讲看那青山荡漾在水上看那晚霞吻着夕阳我用一生的爱去寻找那一个家今夜你在何方淡淡相思都写在脸上层层离别背在肩上泪水流过脸庞所有的话现在还是没有讲看那青山荡漾在水上看那晚霞吻着夕阳我用一生的爱去寻找那一个家今夜你在何方转回头迎着你的笑颜心事全都被你发现梦里遥远的幸福他就在我身旁
队长制作的越来越好看了 {:4_199:} 来看你 发表于 2022-2-10 18:22
队长制作的越来越好看了
谢谢看看！{:4_187:} 好听呢！{:4_187:} 这个转动光棒的位置挺好的。欣赏队长漂亮的制作{:4_187:} 小九 发表于 2022-2-10 19:11
好听呢！
是啊，本队发的都是好听的。{:4_170:} 红影 发表于 2022-2-10 19:23
这个转动光棒的位置挺好的。欣赏队长漂亮的制作
谢谢红影！{:4_187:} 加林森 发表于 2022-2-10 20:21
谢谢红影！
队长的帖子越做越好了{:4_187:} 队长厉害啊，漂亮 绿叶清舟 发表于 2022-2-10 20:40
队长厉害啊，漂亮
是元武喊我制作一个出来，送到这里给大家听听的。谢谢清舟！{:4_187:} 红影 发表于 2022-2-10 20:39
队长的帖子越做越好了
你也制作得很漂亮的啊。{:4_187:}{:4_204:} 加林森 发表于 2022-2-10 20:42
是元武喊我制作一个出来，送到这里给大家听听的。谢谢清舟！
不是自己喊自己的吧{:4_189:} 绿叶清舟 发表于 2022-2-10 20:43
不是自己喊自己的吧
不知道{:4_170:} 加林森 发表于 2022-2-10 20:45
不知道
也不透露点啊{:4_189:} 绿叶清舟 发表于 2022-2-10 20:52
也不透露点啊
反正我不知道。你又想套我啊？不行的。{:4_189:} 加林森 发表于 2022-2-10 20:43
你也制作得很漂亮的啊。
队长做得又多又好啊{:4_187:} 红影 发表于 2022-2-10 21:03
队长做得又多又好啊
我们继续努力，努力制作出更加好的出来。 好听的《梦里水乡》{:4_187:} 队长的歌帖很有技术含量，送上花花和香茶{:4_204:}{:4_190:}
页:
[1]
2