绿叶清舟 发表于 2024-4-6 19:19

问道


<style>
    #papa { margin: 0 0 0 calc(50% - 633px); width: 1100px; height: 700px; background: url('https://pic.imgdb.cn/item/660ff2bf68eb93571306ad59.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; z-index: 1; position: relative; }
    #papa::before, #papa::after { content: url('https://p.upyun.com/demo/tmp/CxHlPrHx.webp'); position: absolute; left: 698px; z-index: -1; bottom: 50px; transform-origin: 50% 100%; animation: skew .5s infinite alternate var(--state); --scale: -1,1; }
    #papa::after { left: 500px; animation-delay: -.5s; --scale: 1,1; }
    #papa video { position: absolute; bottom: 0; width: 100%; height: calc(100% + 60px); object-fit: cover; mix-blend-mode: screen; pointer-events: none; }
    #canv { display: block; position: absolute; bottom: -10px; left: calc(50% - 100px); transform: scale(0.75); cursor: pointer; }
    @keyframes skew { from { transform: skew(-1.5deg) scale(var(--scale)); } to { transform: skew(1.5deg) scale(var(--scale)); } }
</style>

<div id="papa">
    <audio src="https://music.163.com/song/media/outer/url?id=2122438441" autoplay></audio>
    <video src="https://img.tukuppt.com/video_show/2916847/00/17/25/5ebd0bc384863.mp4" loop muted></video>
    <canvas id="canv" width="200" height="200" ></canvas>
</div>

<script>
(function() {
    let sF = document.createElement('script');
    sF.src = 'https://638183.freep.cn/638183/web/js/canvcircle_prg.js';
    sF.charset = 'utf-8';
    document.body.appendChild(sF);
    btnUrl = 'https://p.upyun.com/demo/tmp/fuwtdNBP.webp';
})();
</script>

樵歌 发表于 2024-4-6 20:37

俩小和尚好生可爱。{:4_189:}

樵歌 发表于 2024-4-6 20:39

悟的是磕睡道道吧{:4_172:}

梦油 发表于 2024-4-6 21:13

两个小和尚惹人爱。

红影 发表于 2024-4-6 21:37

两个小和尚太有趣了，清舟的构思十分巧妙，视频和音乐的选择也好。
欣赏清舟好帖{:4_199:}

红影 发表于 2024-4-6 21:37

字体设计也很漂亮，很有立体感的感觉{:4_199:}

红影 发表于 2024-4-6 21:38

真应了那句，小和尚念经，有口无心的话了呢{:4_173:}

小辣椒 发表于 2024-4-6 22:09

哈哈~~太好玩了，清舟的图总是那么有新意，小和尚设计得太完美了{:4_178:}

小辣椒 发表于 2024-4-6 22:09

欣赏清舟的帖就有惊喜{:4_189:}

小辣椒 发表于 2024-4-6 22:12

太喜欢这个图图的设计效果了{:4_199:}

流水光阴 发表于 2024-4-9 14:02

看见2个小和尚{:4_173:}

流水光阴 发表于 2024-4-9 14:02

欣赏佳作，感谢分享

绿叶清舟 发表于 2024-4-10 20:15

流水光阴 发表于 2024-4-9 14:02
欣赏佳作，感谢分享

谢谢光阴

绿叶清舟 发表于 2024-4-10 20:16

樵歌 发表于 2024-4-6 20:39
悟的是磕睡道道吧

师傅教的{:4_189:}

绿叶清舟 发表于 2024-4-10 20:17

梦油 发表于 2024-4-6 21:13
两个小和尚惹人爱。

就是找到小和尚的片片想起来的

绿叶清舟 发表于 2024-4-10 20:17

红影 发表于 2024-4-6 21:37
两个小和尚太有趣了，清舟的构思十分巧妙，视频和音乐的选择也好。
欣赏清舟好帖

也是发现小和尚好玩，想到马的那个效果就做了来的

绿叶清舟 发表于 2024-4-10 20:19

红影 发表于 2024-4-6 21:38
真应了那句，小和尚念经，有口无心的话了呢

现在只张了个嘴都不用念了{:4_189:}

绿叶清舟 发表于 2024-4-10 20:19

小辣椒 发表于 2024-4-6 22:09
哈哈~~太好玩了，清舟的图总是那么有新意，小和尚设计得太完美了

是二个小和尚好玩了{:4_189:}

小九 发表于 2024-4-10 20:23

那2个小和尚，有无尘的影子{:4_189:}

绿叶清舟 发表于 2024-4-10 20:30

小九 发表于 2024-4-10 20:23
那2个小和尚，有无尘的影子

二个小徒弟{:4_189:}
页: [1] 2
查看完整版本: 问道