绿叶清舟 发表于 2024-3-20 20:25

睡过头


<style>
#papa {
    margin: 20px 0 0 calc(50% - 633px);
    width: 1100px;
    height: 700px;
    background: url('https://pic.imgdb.cn/item/65fad4779f345e8d0345f963.jpg') no-repeat center/cover;
    box-shadow: 3px 3px 20px #000;
    position: relative;
    z-index: 1000;
}
#btnplay {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 100px;
    height: 93px;
    transition: 5s;
    cursor: pointer;
    opacity: .9;
    animation: rot 6s linear infinite var(--state);
}
#papa:fullscreen #btnplay { width: 120px; height: 120px; }
#papa video {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0 50%;
    object-fit: cover;
    mix-blend-mode: lighten;
    opacity: .2;
    pointer-events: none;
}
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="papa">
    <audio src="https://music.163.com/song/media/outer/url?id=34986657" autoplay loop></audio>
    <video src="https://img3.tukuppt.com/video_show/15653652/01/06/15/615cf6769bff8.mp4" loop muted></video>
    <img id="btnplay" src="https://pic.imgdb.cn/item/65fad4909f345e8d0346a1a7.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: '#papa',
      css: '--bg: transparent; --color: #ccc; bottom: 10px; left: 48%;',
      go: {x: true, y: true}
    });
})();
</script>

亦是金 发表于 2024-3-20 20:35

哈哈哈！我天天睡过头！{:4_198:}

绿叶清舟 发表于 2024-3-20 20:36

亦是金 发表于 2024-3-20 20:35
哈哈哈！我天天睡过头！

那是最大的幸福了

大猫咪 发表于 2024-3-20 20:39

哈哈   清舟画面制作温馨漂亮 这样的环境不睡过头都不行   {:5_117:}{:4_204:}

红影 发表于 2024-3-20 20:39

哈哈，这个有趣。随便闹钟怎么响，坚决不起来{:4_170:}

红影 发表于 2024-3-20 20:40

这个构思奇妙，用个小闹钟游荡，把歌曲意味都表现出来了{:4_199:}

红影 发表于 2024-3-20 20:41

歌曲也好听，轻松愉快{:4_205:}

梦油 发表于 2024-3-20 20:42

欣赏美曲，问候清舟。

绿叶清舟 发表于 2024-3-20 20:46

大猫咪 发表于 2024-3-20 20:39
哈哈   清舟画面制作温馨漂亮 这样的环境不睡过头都不行

补休了也能天天睡过头了

绿叶清舟 发表于 2024-3-20 20:47

红影 发表于 2024-3-20 20:39
哈哈，这个有趣。随便闹钟怎么响，坚决不起来

要不然睡不过头了啊

绿叶清舟 发表于 2024-3-20 20:48

梦油 发表于 2024-3-20 20:42
欣赏美曲，问候清舟。

谢谢梦油，晚上好，都不知道做啥了

绿叶清舟 发表于 2024-3-20 20:49

红影 发表于 2024-3-20 20:40
这个构思奇妙，用个小闹钟游荡，把歌曲意味都表现出来了

正好找到个抠图容易的片片就拿来了

樵歌 发表于 2024-3-20 21:09

和善良温顺的狗狗们陪着，才睡到了11点过，还没过午时，不算过头{:4_189:}

绿叶清舟 发表于 2024-3-20 21:18

樵歌 发表于 2024-3-20 21:09
和善良温顺的狗狗们陪着，才睡到了11点过，还没过午时，不算过头

PP都晒糊了{:4_189:}

小辣椒 发表于 2024-3-20 21:27

清舟我先笑一会{:4_172:}

小辣椒 发表于 2024-3-20 21:29

被这个氛围包围着，不睡懒觉都不行{:4_173:}

小辣椒 发表于 2024-3-20 21:30

清舟的构思特别的好玩，奇特的构思，出彩的效果，棒棒的{:4_178:}

小辣椒 发表于 2024-3-20 21:30

闹钟再响都当没有听到{:4_170:}

小辣椒 发表于 2024-3-20 21:31

欣赏清舟的漂亮制作@冬天的雨 冬雨一起欣赏

大猫咪 发表于 2024-3-20 21:44

清舟先下了,   明天 睡过头就麻烦了{:5_117:} 晚安 {:4_204:} 回见{:4_190:}
页: [1] 2 3 4
查看完整版本: 睡过头