南无月 发表于 2024-3-16 16:47

【黑师代码】静听花开(学习黑师《紫色》fsgo_hc插件小播效果)

本帖最后由 南无月 于 2024-3-16 16:56 编辑 <br /><br /><style>
#tiezi {
        margin: 130px 0 30px calc(50% - 931px);
        width: 1700px;
        height: 900px;
        background: url('https://pic.imgdb.cn/item/65f462d19f345e8d031c7e95.jpg') no-repeat center/cover;
        box-shadow: 3px 3px 20px #000;
        position: relative;
        overflow: hidden;
        z-index: 1000;
}
#btnplay {
        position: absolute;
        left: 10px;
        top: 10px;
        width: 80px;
        height: 80px;
        transition: 5s;
        cursor: pointer;
        opacity: .9;
        animation: rot 6s linear infinite var(--state);
}
#tiezi:fullscreen #btnplay { width: 120px; height: 120px; }
#tiezi video {
        position: absolute;
    width: 460px;
    height: 460px;
    border-radius: 40%;
    object-fit: cover;
    right:-100px;
    bottom:150px;
        mix-blend-mode: screen;
        opacity: .59;
        pointer-events: none;
}
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="tiezi">
        <audio src="https://music.163.com/song/media/outer/url?id=28757262" autoplay loop></audio>
        <video src="https://img.tukuppt.com/video_show/15653652/00/70/23/607fa95bafcf8.mp4" loop muted></video>
        <video src="https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.mp4" loop muted></video>
        <img id="btnplay" src="https://pic.imgdb.cn/item/65f457eb9f345e8d03c4c521.png" alt="" title="点击播放" />
</div>

<script>
(function() {
        let sF = document.createElement('script');
        sF.src = 'https://638183.freep.cn/638183/web/api/fsgo_hc.js';
        sF.charset = 'utf-8';
        document.querySelector('body').appendChild(sF);
        sF.onload = () => FS({
                papa: '#tiezi',
                css: '--bg: transparent; --color: #ccc; bottom: 10px; left: 48%;',
                go: {x: true, y: true}
        });
})();
</script>
<br><br><br><br><br><br>

南无月 发表于 2024-3-16 16:58

@马黑黑 老师瞧瞧,我把这个贴子换成fsgo_hc插件,不同尺寸同样完美运行。。

樵歌 发表于 2024-3-16 17:11

这作业可入范文之例!

马黑黑 发表于 2024-3-16 17:11

樵歌 发表于 2024-3-16 17:11
这作业可入范文之例!

一级棒,比当老师的做得好

马黑黑 发表于 2024-3-16 17:12

南无月 发表于 2024-3-16 16:58
@马黑黑 老师瞧瞧,我把这个贴子换成fsgo_hc插件,不同尺寸同样完美运行。。

太厉害了。

这个赏心悦目,棒棒哒

南无月 发表于 2024-3-16 17:22

樵歌 发表于 2024-3-16 17:11
这作业可入范文之例!

感谢樵管支持鼓励。。{:4_173:}

南无月 发表于 2024-3-16 17:23

马黑黑 发表于 2024-3-16 17:12
太厉害了。

这个赏心悦目,棒棒哒

{:4_170:}老师夸就美滋滋开心一下。。。
颜色挺好看的吧。
我也打算整个七彩,一看就知道啥色儿。。

马黑黑 发表于 2024-3-16 17:24

南无月 发表于 2024-3-16 17:23
老师夸就美滋滋开心一下。。。
颜色挺好看的吧。
我也打算整个七彩,一看就知道啥色儿。。

太色不好{:4_170:}

南无月 发表于 2024-3-16 17:30

马黑黑 发表于 2024-3-16 17:24
太色不好

{:4_170:}你想说的不是这个吧。。失言失言,后来觉得好象说错话了

马黑黑 发表于 2024-3-16 17:40

南无月 发表于 2024-3-16 17:30
你想说的不是这个吧。。失言失言,后来觉得好象说错话了

饭不能乱吃,话可以乱说的{:4_170:}

南无月 发表于 2024-3-16 17:54

马黑黑 发表于 2024-3-16 17:40
饭不能乱吃,话可以乱说的

打住打住。。
晚上要吃啥呀。。{:4_170:}

马黑黑 发表于 2024-3-16 18:02

南无月 发表于 2024-3-16 17:54
打住打住。。
晚上要吃啥呀。。

猪脚煨红菌

红影 发表于 2024-3-16 20:12

这个制作真美。有月儿的测试,黑黑的插件被证实很完美呢{:4_199:}

红影 发表于 2024-3-16 20:14

这么美的画面,再有一朵灵动的小花和右边缓缓开放的花儿,更增添了动态的美感。
月儿真棒{:4_199:}

樵歌 发表于 2024-3-16 21:22

马黑黑 发表于 2024-3-16 17:11
一级棒,比当老师的做得好

你师徒俩都太谦虚了{:4_173:}

马黑黑 发表于 2024-3-16 21:26

樵歌 发表于 2024-3-16 21:22
你师徒俩都太谦虚了

{:4_170:}哪里哪里

樵歌 发表于 2024-3-17 06:55

南无月 发表于 2024-3-16 17:22
感谢樵管支持鼓励。。
图做好看相对容易些,有意境就难了!你这意境特别棒!当然,介是俺们文科生的看法,不一定对头哈。

樵歌 发表于 2024-3-17 06:57

马黑黑 发表于 2024-3-16 21:26
哪里哪里

心里美滋滋的哈{:4_172:}

马黑黑 发表于 2024-3-17 08:17

樵歌 发表于 2024-3-17 06:57
心里美滋滋的哈

那必须的

樵歌 发表于 2024-3-17 11:43

马黑黑 发表于 2024-3-17 08:17
那必须的

帮你一起开心{:4_189:}
页: [1] 2 3 4 5 6 7 8
查看完整版本: 【黑师代码】静听花开(学习黑师《紫色》fsgo_hc插件小播效果)