《雅鲁藏布》 甘雅丹 送大家！
本帖最后由 加林森 于 2022-2-8 17:00 编辑 <br /><br /><style type="text/css">.paBox { /* 父框 */
margin: 10px auto;
width: 1024px;
height: 640px;
position: relative;
background: #000 url('https://pic.imgdb.cn/item/6201f01e2ab3f51d91be2caf.jpg') no-repeat;
left: -200px;
top: 150px
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
content: "";
position: absolute;
width: 500px; height: 2px;
background: silver;
left: 250px; 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); } }
/*旋转按钮*/
.roBox40 {
margin: 10px;
position: relative;
width: 40px; height: 40px;
line-height: 40px; font-size: 14px;
background: linear-gradient(Teal,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;
}
.roBox40:hover { opacity: 0.8; }
.roBox40:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div class="paBox">
<div class="soBox"></div>
<p style="position: absolute; left:220px; top:520px; color: #e12325;"><marqueescrollamount="2" direction="left" ><font face="微软雅黑"><font size="4">一条绿色的河在天上 带着千年的梦向东方 一座座高山在脚下 那是雄鹰在歌唱</font></marquee></p>
<!-- 按钮 -->
<div id="roBox" class="roBox40" style="left:15%;top:82%;">●</div>
</div>
<audio id="ymusic" src="https://www.joy127.com/url/88577.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>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
本帖最后由 加林森 于 2022-2-8 13:04 编辑
雅鲁藏布
演唱:甘雅丹
一条绿色的河在天上
带着千年的梦向东方
一座座高山在脚下
那是雄鹰在歌唱
哎呀啦哎雄鹰在歌唱
一首古老的歌在传唱
那是祖先留下的话
不灭的信念在心上
世世代代不会忘
哎呀啦哎世代不会忘
----Music----
雅鲁藏布哎～
我的爱为你祝福祈祷呀拉索
雅鲁藏布哎～
我的情怀为你不会改变
雅鲁藏布哎～
我的爱为你祝福祈祷呀拉索
雅鲁藏布哎～
我的生命为你归来
雅鲁藏布哎～
我的生命为你归来
好听好听， 特别喜欢这样的声音， 现在听真舒服，谢谢队长好分享！真棒！
{:4_204:}{:4_199:} 大猫咪 发表于 2022-2-8 13:13
好听好听， 特别喜欢这样的声音， 现在听真舒服，谢谢队长好分享！真棒！
好听的歌曲，我就是喜欢的。听见我就制作了一个出来。{:4_187:}{:4_190:} 真好听队长{:4_179:} 大猫咪 发表于 2022-2-8 13:29
真好听队长
可以听一个中午了。{:4_189:} 加林森 发表于 2022-2-8 13:33
可以听一个中午了。
嗯嗯 {:4_187:}真棒 大猫咪 发表于 2022-2-8 13:34
嗯嗯 真棒
谢谢猫猫。{:4_179:} 歌曲好听。图片好像有点变形？ 红影 发表于 2022-2-8 16:02
歌曲好听。图片好像有点变形？
红影下午好。是的。{:4_187:} 歌声特好听，悠扬而柔美。
只是个别歌词有点不通顺哈，不知道是哪位先生的大作。{:4_173:} 加林森 发表于 2022-2-8 16:11
红影下午好。是的。
歌手的嗓音特别清凉甜美。 樵歌 发表于 2022-2-8 20:03
歌声特好听，悠扬而柔美。
只是个别歌词有点不通顺哈，不知道是哪位先生的大作。
他们自己写的词。 红影 发表于 2022-2-8 20:07
歌手的嗓音特别清凉甜美。
是的，很温柔的声音。 队长现在会选歌了，今天上来看见几个帖的歌曲风格都不同的{:4_199:} 小辣椒 发表于 2022-2-8 20:55
队长现在会选歌了，今天上来看见几个帖的歌曲风格都不同的
小辣椒晚上好。是的，发现好听的歌曲或者音乐就有制作的冲动了。{:4_170:} 加林森 发表于 2022-2-8 20:15
是的，很温柔的声音。
很甜美，好听。 红影 发表于 2022-2-8 21:05
很甜美，好听。
是的是的。 加林森 发表于 2022-2-8 20:10
他们自己写的词。
原来是原创，值得赞扬！ 樵歌 发表于 2022-2-9 13:32
原来是原创，值得赞扬！
是的，挺好听的我就制作发了出来。
页:
[1]