《香水有毒》-- 胡杨林 TO：樵歌
本帖最后由 加林森 于 2022-5-16 19:27 编辑 <br /><br /><style>.spiBox {
top:120px;left:-302px;
position: relative;
width: 1200px;
height: 675px;
background: #FFF url('https://pic.imgdb.cn/item/62674f15239250f7c5309882.jpg') 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: 450px;
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 64s linearinfinite;
}
/* 走马灯动画 */
@keyframes fly {
from { transform: translateX(100%); }
to { transform: translateX(calc(-380% - var(--w))); }
}
</style>
<div class="spiBox">
<img src="https://pic.imgdb.cn/item/6235d74f5baa1a80ab9d74a0.gif" alt="" />
<div class="ball">
<div></div>
<div></div>
</div>
<div class="xiewen">香水有毒</div>
<div class="txtFly" >
<div>香水有毒--胡杨林 1981年2月6日出生于中国湖北省宜昌市，中国大陆女歌手，毕业于清华大学。2005年凭借一首《香水有毒》，使其获得了不俗的人气和知名度。</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 = "https://www.joy127.com/url/90062.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>
胡杨林 香水有毒
词曲:陈超 编：江建民
胡杨林 - 香水有毒
我曾经爱过这样一个男人
他说我是世上最美的女人
我为他保留着那一份天真
关上爱别人的门
也是这个被我深爱的男人
把我变成世上最笨的女人
他说的每句话我都会当真
他说最爱我的唇
我的要求并不高
待我像从前一样好
可是有一天你说了同样的话
把别人拥入怀抱
你身上有她的香水味
是我鼻子犯的罪
不该嗅到她的美
檫掉一切陪你睡
你身上有她的香水味
是你赐给的自卑
你要的爱太完美
我永远都学不会
music
是这个被我深爱的男人
把我变成世上最笨的女人
他说的每句话我都会当真
他说最爱我的唇
我的要求并不高
待我像从前一样好
可是有一天你说了同样的话
把别人拥入怀抱
你身上有她的香水味
是我鼻子犯的罪
不该嗅到她的美
檫掉一切陪你睡
你身上有她的香水味
是你赐给的自卑
你要的爱太完美
我永远都学不会
你身上有她的香水味
是我鼻子犯的罪
不该嗅到她的美
檫掉一切陪你睡
你身上有她的香水味
是你赐给的自卑
你要的爱太完美
我永远都学不会
@樵歌 加加告诫的好，免得老樵放荡不羁。。。{:4_170:} 东篱闲人 发表于 2022-4-26 10:18
加加告诫的好，免得老樵放荡不羁。。。
是不是啊。。。。{:4_189:} 加林森 发表于 2022-4-26 10:20
是不是啊。。。。
是啊。。。{:4_189:} 东篱闲人 发表于 2022-4-26 10:20
是啊。。。
那你还不帮着喊啊。。。{:4_203:} 这个漂亮，队长的帖子越做越好看了。师兄收礼开心{:4_187:} 红影 发表于 2022-4-26 11:39
这个漂亮，队长的帖子越做越好看了。师兄收礼开心
谢谢红影支持！{:4_204:} 加林森 发表于 2022-4-26 10:15
@樵歌
来咧来咧，谢谢加加。{:4_176:} 放心，俺天生对香水有免疫力，啥香水都不怕。{:4_189:} 东篱闲人 发表于 2022-4-26 10:18
加加告诫的好，免得老樵放荡不羁。。。
像俺这么纯朴的人在咱村里绝无仅有唯俺一人耳。{:4_174:} 红影 发表于 2022-4-26 11:39
这个漂亮，队长的帖子越做越好看了。师兄收礼开心
喜欢，这两天乱七八糟的事儿有点多，来得少点，收礼来迟哈。 樵歌 发表于 2022-4-26 16:46
放心，俺天生对香水有免疫力，啥香水都不怕。
闻的太多？免疫啦？{:5_115:} 樵歌 发表于 2022-4-26 16:45
来咧来咧，谢谢加加。
来了就好。不客气的。 樵歌 发表于 2022-4-26 16:46
放心，俺天生对香水有免疫力，啥香水都不怕。
送个大美女给你呢。开心不。。。。{:4_172:} 这歌够老，这镁铝好像永远不老 马黑黑 发表于 2022-4-26 21:24
这歌够老，这镁铝好像永远不老
是的是的，万年青嘛。 樵歌 发表于 2022-4-26 16:49
喜欢，这两天乱七八糟的事儿有点多，来得少点，收礼来迟哈。
不迟不迟呢，收到一份开心就好{:4_187:} 东篱闲人 发表于 2022-4-26 16:49
闻的太多？免疫啦？
闻得少没见识多少，才不怕{:4_189:}
页:
[1]
2