阿迪穆斯

马黑黑

马黑黑

帖子代码

<style>
#papa { margin: 0 0 0 calc(50% - 681px); display: grid; place-items: center; width: 1200px; height: 675px; background: lightblue url('https://638183.freep.cn/638183/t22/webp/adiemus_133138056542198984.webp') no-repeat center/cover; box-shadow: 3px 3px 20px #000; user-select: none; overflow: hidden; position: relative; z-index: 1; }
#papa::before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: repeating-conic-gradient(at 50% 0, hsla(0,0%,100%,.2) 0 2deg,transparent 0 20deg); animation: opa 6s linear infinite alternate, rot 10s infinite alternate; }
@keyframes opa { from { opacity: .05; } to { opacity: .55; } }
@keyframes rot { to { transform: rotate(5deg); } }
</style>

<div id="papa"></div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=3951210.mp3" loop autoplay></audio>

<script >
(function() {
        //插件代码略 (function(mkPlayer)...
        let lrcAr = [
                [2, "Adiemus - 阿迪穆斯", 3],
        ];
        HCPlayer({
                lrcAr: lrcAr,
        });
})();
</script>

红影

这个漂亮。我暂时听不了音乐，但这个效果真是太美了。给黑黑点赞

红影

这个是20号封装的范例吧。

马黑黑

红影 发表于 2022-11-25 09:39
这个漂亮。我暂时听不了音乐，但这个效果真是太美了。给黑黑点赞

谢赞

马黑黑

红影 发表于 2022-11-25 09:43
这个是20号封装的范例吧。

19号。20号是月亮

马黑黑

醉美水芙蓉 发表于 2022-11-25 11:38
老师选得图片很美！特效加得漂亮！

谢谢

红影

马黑黑 发表于 2022-11-25 11:54
谢赞

估计乐曲也很好听，这个要等回家再听了。

红影

马黑黑 发表于 2022-11-25 11:55
19号。20号是月亮

哦哦，我弄错了

小辣椒

哇塞，都20了啊，赶紧去看看。。。

小辣椒

黑黑这个小播也是漂亮，音乐好听界面颜色手机看见特别靓丽，光感效果也是很好

梦缘

很漂亮的图，好看好听的帖，感谢老师的分享！

马黑黑

梦缘 发表于 2022-11-25 15:10
很漂亮的图，好看好听的帖，感谢老师的分享！

晚上好

马黑黑

小辣椒 发表于 2022-11-25 14:42
黑黑这个小播也是漂亮，音乐好听界面颜色手机看见特别靓丽，光感效果也是很好

应该不错的效果

马黑黑

红影 发表于 2022-11-25 13:37
估计乐曲也很好听，这个要等回家再听了。

经典怀旧版

马黑黑

小辣椒 发表于 2022-11-25 14:40
哇塞，都20了啊，赶紧去看看。。。

晚上干一杯

马黑黑

红影 发表于 2022-11-25 13:38
哦哦，我弄错了

忙别的理解

红影

马黑黑 发表于 2022-11-25 18:13
经典怀旧版

旋律不错，好听

红影

马黑黑 发表于 2022-11-25 18:14
忙别的理解

还真的又有点事要忙