《葬花吟》 -- 箫、笛子独奏：戴亚
本帖最后由 加林森 于 2022-3-16 20:07 编辑 <br /><br /><style type="text/css">/* 背景图层 */
#mama {
margin: auto;
position: relative;
width: 760px;
height: 560px;
background: #F8F8FF url('https://pic.imgdb.cn/item/6231d2ee5baa1a80ab26babf.jpg') no-repeat center/cover;
background-position: 0 0;
backdrop-filter: blur(1px);
animation: chgBgd 1s ease infinite alternate;
}
/* 图片层 */
#sImg {
position: absolute;
left: 550px;
top: 32px;
width: 200px;
height: 200px;
border-radius: 50%;
opacity: 0.8;
filter: blur(2px);
}
/* 图片层鼠标滑过 */
#sImg:hover {
cursor: pointer;
filter: blur(0)brightness(110%);
transform: rotate(180deg);
}
/* 文本层 */
#txtC {
position: absolute;
width: 282px;
height: 20px;
line-height: 100px;
left: 20px;
top: 20px;
font-family: Arial;
font-size: 2em;
color: #eee;
text-align: center;
text-shadow: 1px 1px 1px #ffcc00, 2px 2px 2px #aaa;
background: rgba(255, 255, 255,.1);
animation: chgColor 1s ease-in-out infinite alternate;
}
/* 文本层iframe元素 */
#txtC iframe {
position: absolute;
left: -10px;
top: -10px;
border: none;
opacity: .9;
}
/* 文本层鼠标滑过 */
#txtC:hover {
cursor: pointer;
filter: brightness(120%);
}
/* 文本层变色 */
@keyframes chgColor{
0% { color: navy; }
20% { color: green; }
40% { color: red; }
60% { color: white; }
80% { color: olive; }
100% { color: tomato; }
}
@keyframes chgBgd {
to { background-position: -15px 0; }
}
</style>
<div id="mama">
<div id="txtC"> 箫、笛子独奏：戴亚</div>
<img id="sImg" alt="" src="https://pic.imgdb.cn/item/6230bccd5baa1a80ab867325.jpg" />
</div>
<script>
var wy = document.createElement('iframe');
wy.src = "https://music.163.com/outchain/player?type=2&id=159339&auto=1&height=32";
document.getElementById('txtC').appendChild(wy);
</script> @马黑黑 经典，队长好制作， 现在听真舒服{:4_187:}晚上好！{:4_190:} 大猫咪 发表于 2022-3-15 20:49
经典，队长好制作， 现在听真舒服晚上好！
谢谢猫猫支持！{:4_204:}{:4_190:} 林黛玉一边脸大一边脸小，大家发现木有？ 很喜欢的一首歌，队长做的真棒{:4_187:} 马黑黑 发表于 2022-3-15 21:08
林黛玉一边脸大一边脸小，大家发现木有？
所以她才英年早逝。谢谢老黑支持！ 红影 发表于 2022-3-15 21:19
很喜欢的一首歌，队长做的真棒
这次制作了一个浅色调的，目前看来还不错的。谢谢红影支持！{:4_187:} 加林森 发表于 2022-3-15 21:27
所以她才英年早逝。谢谢老黑支持！
哦
马黑黑 发表于 2022-3-15 21:42
哦
面像不太好吧。 加林森 发表于 2022-3-15 21:48
面像不太好吧。
我不知道，我不会看面相 马黑黑 发表于 2022-3-15 22:14
我不知道，我不会看面相
嗯嗯 加林森 发表于 2022-3-15 21:28
这次制作了一个浅色调的，目前看来还不错的。谢谢红影支持！
既然是浅色调，底色调成白的更好，否则两边能看到黑边呢。 红影 发表于 2022-3-15 22:21
既然是浅色调，底色调成白的更好，否则两边能看到黑边呢。
我那个小图片的背景是黑的。 红影 发表于 2022-3-15 22:21
既然是浅色调，底色调成白的更好，否则两边能看到黑边呢。
红影再来看看，现在全部都修改了，全部都是浅色的了。 马黑黑 发表于 2022-3-15 21:08
林黛玉一边脸大一边脸小，大家发现木有？
老黑，请你再来看看效果。谢谢！ 图片整体移动，好玩。早上好{:4_190:} 加林森 发表于 2022-3-16 00:29
老黑，请你再来看看效果。谢谢！
啥？你给林黛玉整容啊？ 樵歌 发表于 2022-3-16 07:51
图片整体移动，好玩。早上好
樵歌中午好！ 马黑黑 发表于 2022-3-16 09:33
啥？你给林黛玉整容啊？
我全部制作成了浅色调的了。