朵拉 发表于 2024-9-22 08:02

一路向北（马黑黑原创）

<style>
#mama { margin: 30px 0 30px calc(50% - 721px); width: 1280px; height: 702px; background: url('https://pic.imgdb.cn/item/66eedb23f21886ccc08c149c.jpg') no-repeat center/cover; box-shadow: 0 0 8px rgba(0,0,0,.65); overflow: hidden; z-index: 1; position: relative; }
#mama > video { position: absolute; width: 100%; height: 20%; object-fit: cover; mix-blend-mode: screen; -webkit-mask: linear-gradient(red, transparent); pointer-events: none; }
.player { position: absolute; top: 208px; width: 120px; height: 120px; animation: rot 8s linear infinite var(--state); cursor: pointer; }
.player:nth-of-type(1) { left: 24%; }
.player:nth-of-type(2) { right: 21%; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="mama" class="mama">
      <audio id="aud" src="https://www.kumeiwp.com/wj/142712/2023/04/03/f803cb8687259d7185aadfc4a58171d1.mp3" autoplay="" loop=""></audio>
      <video src="https://img.tukuppt.com/video_show/2629112/00/01/93/5b4e8e56669ab.mp4" autoplay loop muted></video>
      <img class="player" src="https://gd-hbimg.huaban.com/654f88959f266bdb2a931f61b973cbc22955a5a927e90f-vANNa1" alt="" />
      <img class="player" src="https://gd-hbimg.huaban.com/654f88959f266bdb2a931f61b973cbc22955a5a927e90f-vANNa1" alt="" />
</div>

<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/yslrc_133703119608822812.js';
document.body.appendChild(sf);

sf.onload = () => {
      HCPlayer({
                papa: '#mama',
                geci: geci,
                skip: 0,
                average: 0,
                btnplay: '.player',
                lrc_css: 'left: 50%; top: 20px; transform: translateX(-50%);',
                fs_css: 'left: 50%; bottom: 20px; transform: translateX(-50%); --bg: transparent; --color: #eee',
      });
};

var geci = `作词：方文山\n作曲：周杰伦\n后视镜里的世界\n越来越远的道别\n你转身向背侧脸还是很美\n我用眼光去追竟听见你的泪\n在车窗外面徘徊是我错失的机会\n你站的方位跟我中间隔着泪\n街景一直在后退你的崩溃在窗外零碎\n我一路向北离开有你的季节\n你说你好累已无法再爱上谁\n风在山路吹过往的画面全都是我不对\n细数惭愧我伤你几回\n后视镜里的世界\n越来越远的道别\n你转身向背侧脸还是很美\n我用眼光去追竟听见你的泪\n在车窗外面徘徊\n是我错失的机会\n你站的方位跟我中间隔着泪\n街景一直在后退你的崩溃在窗外零碎\n我一路向北离开有你的季节\n你说你好累已无法再爱上谁\n风在山路吹过往的画面全都是我不对\n细数惭愧我伤你几回\n我一路向北离开有你的季节\n方向盘周围回转着我的后悔\n我加速超越却甩不掉紧紧跟随的伤悲\n细数惭愧我伤你几回\n停止狼狈就让错纯粹\n`;
</script>

朵拉 发表于 2024-9-22 08:03

@马黑黑
老师好，学生交作业，请指正哈{:4_190:}

朵拉 发表于 2024-9-22 08:06

————————————

如果说我们这一代 的青春是一场电影。

那么电影的背景音乐，或许都会有一个周杰伦。

————————————

梦江南 发表于 2024-9-22 08:25

早上好！佳作欣赏！

马黑黑 发表于 2024-9-22 08:41

非常美

梦油 发表于 2024-9-22 09:10

欣赏佳作，问候朵拉。

红影 发表于 2024-9-22 09:22

漂亮，欣赏朵宝好帖{:4_187:}
页: [1]
查看完整版本: 一路向北（马黑黑原创）