康定情歌(四川民歌)-无伴奏合唱
<style>
.spiBox {
top:120px;left:-242px;
position: relative;
width: 1080px;
height: 641px;
background: #FFF url('https://pic.imgdb.cn/item/627f84140947543129c7251b.png') no-repeat center/cover;
box-shadow: 4px 4px 5px #888;
border-radius:12px;
}
.ball { /* 球体 */
left:200px;top: 180px; width: 60px; height: 60px;
background: Blue linear-gradient(135deg,rgba(65,105,225,.85),rgba(100,149,237,.95));
position: absolute; border-radius: 50%;
filter: drop-shadow(2px 2px 6px rgba(0,0,0,.7));
transform: skew(2deg); cursor: pointer;
}
.ball::before { content: ''; position: absolute; } /* 伪元素：修饰 */
.ball::before { /* 伪元素一：高亮 */
left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%;
background: radial-gradient(circle at 35% 40%,rgba(255,255,255,.75),rgba(0,0,0,.15));
}
.ball div { /* 子元素共2个：动画 */
position: absolute; border: 8px solid rgba(0,0,0,.45); border-radius: 50%;
border-color: #4682B4 #6495ED #4682B4 #6495ED;opacity: .55;
}
.ball div:nth-child(1) { left: -8px; top: -8px; right: -8px; bottom: -8px; animation: rot 4s linear infinite;}
.ball div:nth-child(2) { left: -16px; top: -16px; right: -16px; bottom: -16px;animation: rot 12s linear infinite; }
@keyframes rot { to { transform: rotate(1turn); } } /* 动画 转圈 */
.spiBox img {
position: absolute;
width: 139px;
height: 108px;
top: 40%;
right: 0px;
animation: walk 42s linear infinite;
}
@keyframes walk {
0% { transform: rotate(0deg); right: 300px;top:330px; }
10% { transform: rotate(0deg); right: 470px;top:310px; }
20% { transform: rotate(0deg); right: 640px;top:290px; }
30% { transform: rotate(0deg); right: 810px;top:290px; }
40% { transform: rotate(0deg); right: 980px;top:310px; }
50%{ transform: rotateY(180deg); right: 1000px;top:330px; }
60%{ transform: rotateY(180deg); right: 830px;top:350px; }
70%{ transform: rotateY(180deg); right: 660px;top:370px; }
80%{ transform: rotateY(180deg); right: 490px;top:370px; }
90%{ transform: rotateY(180deg); right: 320px;top:350px; }
100%{ transform: rotateY(360deg); right: 300px;top:330px; }
}
.xiewen {/* 斜纹文本 */
position: absolute;left:280px;top: -10px;
width: 660px;
height: 200px;
line-height: 200px;
font-family: '微软雅黑', '宋体';
font-size: 4.2rem;
font-weight: 900;
text-align: center;
background: darkgreen linear-gradient(45deg, transparent 45%, #eee 45%, #ccc 55%, transparent 0);
background-size: 4px 4px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px #111;
animation: wenzi 4s linear infinite alternate;
}
@keyframes wenzi { 0%{opacity: 0.8;} 100% { opacity: 0.3; } }
/* 文字走马灯 */
.txtFly {
position: absolute;
--w: 300px;
width: var(--w);
left: 550px;
top: 566px;
overflow: hidden;
}
.txtFly div {
word-break: keep-all;
white-space: nowrap;
font: normal 22px /24px '楷体','微软雅黑';
color:#ccff99; text-shadow: 0 0 2px #ff66ff;
animation: fly 32s linearinfinite;
}
/* 走马灯动画 */
@keyframes fly {
from { transform: translateX(100%); }
to { transform: translateX(calc(-140% - var(--w))); }
}
</style>
<div class="spiBox">
<img src="https://pic.imgdb.cn/item/6247dcc127f86abb2a49e093.gif" alt="" />
<div class="ball">
<div></div>
<div></div>
</div>
<div class="xiewen">康定情歌(四川民歌)</div>
<div class="txtFly" >
<div>康定情歌(四川民歌)-无伴奏合唱 跑马溜溜的山上
一朵溜溜的云哟
端端溜溜的照在
康定溜溜的城哟
月亮弯弯 康定溜溜的城哟
。。。。。。</div>
</div></div><br><br><br><br><br><br><br><br><br><br><br><br>
<script>
let flag = true;
let ball = document.querySelector(".ball");
let au = document.createElement("audio");
au.src = "http://www.kumeiwp.com/sub/filestores/2022/05/09/51b4ab535544660b747532dc1d05e92f.mp3";
au.autoplay = flag;
au.loop= true;
au.style.display = "none"
ball.appendChild(au);
ball.onclick = function(){
if(flag) {
Array.from(this.children).forEach(function(item){item.style.animationPlayState = "paused"; });
au.pause();
flag = false;
} else {
Array.from(this.children).forEach(function(item){item.style.animationPlayState = "running"; });
au.play();
flag = true;
}
}
</script>
本帖最后由 加林森 于 2022-5-14 18:40 编辑
《康定情歌》是上个世纪30年代诞生于四川康定的一首民歌，由当地的群众自发编创并于40年代逐渐流传开来。40年代中期，就读于重庆青木关国立音乐学校的福建学生吴文季在从军的康定人中收集到此歌，然后将此歌转交给他的老师伍正谦。伍正谦十分喜爱，又请作曲系的江定仙老师配乐伴奏以便演唱。江定仙配好伴奏后，将原名《跑马溜溜的山上》改名为《康定情歌》，后来伍正谦在学校的一次音乐会上首次演唱了这首歌曲。后来，江定仙又将此歌推荐给了当时走红的歌唱家喻宜萱，喻宜萱同年在南京举办的个人演唱会上公开演唱了此歌，以后便将此歌作为自己的保留节目，从南京唱到了大西北，从国内唱到了国外，使《康定情歌》传遍了世界。
康定情歌
跑马溜溜的山上
一朵溜溜的云哟
端端溜溜的照在
康定溜溜的城哟
月亮弯弯 康定溜溜的城哟
李家溜溜的大姐
人才溜溜的好哟
张家溜溜的大哥
看上溜溜的她哟
月亮弯弯 看上溜溜的她哟
一来溜溜的看上
人才溜溜的好哟
二来溜溜的看上
会当溜溜的家哟
月亮弯弯 会当溜溜的家哟
世间溜溜的女子
任我溜溜的爱哟
世间溜溜的男子
任你溜溜的求哟
月亮弯弯 任你溜溜的求哟
好听，流传很广的一首歌曲呢{:4_204:} 红影 发表于 2022-5-14 19:16
好听，流传很广的一首歌曲呢
是的。还挺好听的。 看到高原红，很给力 马黑黑 发表于 2022-5-14 19:20
看到高原红，很给力
是的，挺漂亮的哦。 加林森 发表于 2022-5-14 19:27
是的，挺漂亮的哦。
高原红我木有，虽然我也在海拔很高的地方待过很长时间 马黑黑 发表于 2022-5-14 19:28
高原红我木有，虽然我也在海拔很高的地方待过很长时间
嗯嗯，我也去过的。 加林森 发表于 2022-5-14 19:30
嗯嗯，我也去过的。
你呆的时间不会太长 马黑黑 发表于 2022-5-14 19:41
你呆的时间不会太长
我在西藏待了半年多就回来了。 加林森朋友晚上好！有人对无伴奏合唱不屑一顾，我不这么看。无伴奏合唱能充分发挥男女不同声部、声区、音色的表现力，并在整体上保持音质的协调和格调的统一，这有什么不好呢！艺术表现形式是多种多样的，你看，无伴奏合唱《康定情歌》不是有很好的效果吗。 加林森 发表于 2022-5-14 19:57
我在西藏待了半年多就回来了。
半年还无法形成高原红 马黑黑 发表于 2022-5-14 20:51
半年还无法形成高原红
嗯嗯，那是的。每天都在会议室里带着的。 加林森 发表于 2022-5-14 21:01
嗯嗯，那是的。每天都在会议室里带着的。
没出去晒晒太阳可惜了 马黑黑 发表于 2022-5-14 19:28
高原红我木有，虽然我也在海拔很高的地方待过很长时间
你皮厚点。。。。{:4_170:} 马黑黑 发表于 2022-5-14 21:02
没出去晒晒太阳可惜了
还是要出去的，开会是到处走的。 梦油 发表于 2022-5-14 20:42
加林森朋友晚上好！有人对无伴奏合唱不屑一顾，我不这么看。无伴奏合唱能充分发挥男女不同声部、声区、音色 ...
是的，我们这里经常只有唱的。 加林森 发表于 2022-5-14 21:08
还是要出去的，开会是到处走的。
戴着草帽 加林森 发表于 2022-5-14 21:07
你皮厚点。。。。
厚是次要的，主要是黑。你知道，黑对紫外线有天然的防御能力
页:
[1]
2