梦江南 发表于 2024-8-20 11:35

学习帖【云海梯田】黑黑老师激越东川作业


<style>
#mama {
        margin: 30px 0 30px calc(50% - 641px);
        width: 1280px;
        height: 800px;
        background: url('https://pic.imgdb.cn/item/66c3f620d9c307b7e9fea02d.jpg') no-repeat center/cover;
        box-shadow: 0 0 8px gray;
        overflow: hidden;
        z-index: 1;
        position: relative;
}
#mama > video {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        mix-blend-mode: screen;
        -webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
        pointer-events: none;
}
</style>

<div id="mama" class="mama">
        <audio src="https://music.163.com/song/media/outer/url?id=550070852" autoplay loop></audio>
        <video src="https://img.tukuppt.com/video_show/15653652/00/29/96/5fa09f4e88257.mp4" autoplay loop muted></video>
</div>

<script>
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美丽的云海梯田\n是我的家乡\n如诗如画醉心间\n美丽的云海梯田\n美如画\n朦胧羞涩我的眼\n美丽的云海梯田\n是我的家乡\n如诗如画醉心间\n美丽的云海梯田\n系家园\n惊艳一世梦中人\n美丽的云海梯田\n是我的家乡\n如诗如画醉心间\n美丽的云海梯田\n系家园\n惊艳一世梦中人\n惊艳一世梦中人\n惊艳一世梦中人`;

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

sf.onload = () => {
        HCPlayer({
                papa: '#mama',
                geci: geci,
                skip: 0,
                average: -1,
                pinpu: { num: 40, color: 'linear-gradient(orange, transparent, orange)' },
                player_css: 'left: 100px; bottom: 100px; color: silver; --len: 3px;',
                lrc_css: 'left: 50%; transform: translateX(-50%); top: 30px; --bg: linear-gradient( #ADFF2F, #c55128); color: #999;',
                fs_css: 'right: 20px; top: 20px; --bg: transparent; --color: #6e1400;',
        });
};
</script>

起个网名好难 发表于 2024-8-20 11:47

https://s3.bmp.ovh/imgs/2023/05/24/d90e46c0779fdc6b.gif

梦江南 发表于 2024-8-20 11:50

起个网名好难 发表于 2024-8-20 11:47


问好老师，谢谢支持！{:4_187:}

彩云归 发表于 2024-8-20 12:23

欣赏佳作，谢谢分享！

梦江南 发表于 2024-8-20 13:18

彩云归 发表于 2024-8-20 12:23
欣赏佳作，谢谢分享！

问好老师，谢谢支持！{:4_187:}

梦油 发表于 2024-8-20 16:07

这梯田可比当年大寨的梯田美多了。

梦江南 发表于 2024-8-20 17:43

梦油 发表于 2024-8-20 16:07
这梯田可比当年大寨的梯田美多了。

是的，现在梯田科技化了。问好！{:4_187:}

老谟深虑 发表于 2024-8-20 18:59

            欣赏老师佳作，点赞！

红影 发表于 2024-8-20 22:48

层层叠叠的梯田，太美了。
这个斜向频谱的播放器也用得好看。欣赏江南好帖{:4_199:}

红影 发表于 2024-8-20 22:49

群山都变成良田了，人的改造能力太强大了{:4_173:}

小辣椒 发表于 2024-8-20 23:01

梦江南出帖速度也是快的{:4_199:}

小辣椒 发表于 2024-8-20 23:03

试着把歌词放最下面，把播放器也是移动一下位置，看看效果怎么样，可以在电脑预览一下效果试试

小辣椒 发表于 2024-8-20 23:04

欣赏梦江南的精彩作业，赞的！

梦江南 发表于 2024-8-21 08:15

老谟深虑 发表于 2024-8-20 18:59
欣赏老师佳作，点赞！

谢谢老谟老师欣赏支持，早上好！{:4_204:}

梦江南 发表于 2024-8-21 08:16

红影 发表于 2024-8-20 22:48
层层叠叠的梯田，太美了。
这个斜向频谱的播放器也用得好看。欣赏江南好帖

谢谢影子欣赏支持，早上好！{:4_204:}

梦江南 发表于 2024-8-21 08:20

红影 发表于 2024-8-20 22:49
群山都变成良田了，人的改造能力太强大了

是啊，人的力量能胜天。{:4_204:}

梦江南 发表于 2024-8-21 08:20

小辣椒 发表于 2024-8-20 23:01
梦江南出帖速度也是快的

套用的。{:4_201:}

梦江南 发表于 2024-8-21 08:22

小辣椒 发表于 2024-8-20 23:03
试着把歌词放最下面，把播放器也是移动一下位置，看看效果怎么样，可以在电脑预览一下效果试试

这帖改了一下歌词颜色。知道了。我会试试，{:4_204:}

梦江南 发表于 2024-8-21 08:22

小辣椒 发表于 2024-8-20 23:04
欣赏梦江南的精彩作业，赞的！

谢谢鼓励。{:4_187:}

梦油 发表于 2024-8-21 14:12

梦江南 发表于 2024-8-20 17:43
是的，现在梯田科技化了。问好！

是啊，过去大部分是靠人的两只手，也真不容易。
页: [1] 2
查看完整版本: 学习帖【云海梯田】黑黑老师激越东川作业