绿叶清舟 发表于 2024-6-1 20:37

Dear Friend TO小辣椒


<style>
#papa { margin: 20px 0 20px calc(50% - 633px); width: 1100px; height: 700px; background: url('https://pic.imgdb.cn/item/665b131cd9c307b7e934340f.jpg') no-repeat center/cover; box-shadow: 3px 3px 6px gray; overflow: hidden; z-index: 1; position: relative; }
#player { position: absolute; width: 200px; left: calc(50% - 100px); top: calc(50% - 100px); cursor: pointer; pointer-events: auto; animation: rot 6s linear infinite var(--state);mix-blend-mode: hard-light;}
/* 画布样式 */
#canv { position: absolute; display: block; mix-blend-mode: screen; pointer-events: none; }
/* 视频样式 */
.vid { position: absolute; bottom: 0; width: 100%; height: calc(100% + 100px); object-fit: cover; pointer-events: none; mix-blend-mode: screen; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="papa">
    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=514158594" autoplay loop></audio>
    <!-- 支持多个视频 -->
    <video class="vid" src="https://img.tukuppt.com/video_show/2269348/00/14/66/5e5a2fd36a145.mp4" loop muted></video>
    <!-- 画布id必须是 id="canv" -->
    <canvas id="canv"></canvas>
    <img id="player" src="https://img1.baidu.com/it/u=2906374857,373642026&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500" alt="" />
</div>

<script>
    var pa = papa; //指定帖子元素id
    //加载粒子特效资源
    var sF = document.createElement('script');
    sF.src = 'https://638183.freep.cn/638183/web/js/emmiter.js';
    sF.charset = 'utf-8';
    document.body.appendChild(sF);
    //播放按钮点击事件
    player.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

红影 发表于 2024-6-1 21:07

漂亮。沙发留给@小辣椒 ，亲爱的快来收礼{:4_187:}

红影 发表于 2024-6-1 21:08

这画面好美，标题字也漂亮，那么飘逸。歌曲也好听。
欣赏清舟好帖{:4_199:}

红影 发表于 2024-6-1 21:13

清舟在效果中心加的小播和这粒子效果那么协调，太美了{:4_199:}

马黑黑 发表于 2024-6-1 21:15

{:4_174:}

绿叶清舟 发表于 2024-6-1 21:25

红影 发表于 2024-6-1 21:08
这画面好美，标题字也漂亮，那么飘逸。歌曲也好听。
欣赏清舟好帖

影真快啊，刚好听到这首歌的

绿叶清舟 发表于 2024-6-1 21:26

红影 发表于 2024-6-1 21:13
清舟在效果中心加的小播和这粒子效果那么协调，太美了

终于找到一个免抠的了{:4_189:}

红影 发表于 2024-6-1 23:25

绿叶清舟 发表于 2024-6-1 21:25
影真快啊，刚好听到这首歌的

嗯嗯，很好听。图图里的那个美人很漂亮{:4_187:}

红影 发表于 2024-6-1 23:26

绿叶清舟 发表于 2024-6-1 21:26
终于找到一个免抠的了

而且效果那么好{:4_173:}

南无月 发表于 2024-6-1 23:40

梦幻神秘还有科技感。。
色彩漂亮。。{:4_187:}

小辣椒 发表于 2024-6-2 20:52

谢谢清舟，打开就是不一样的感觉，又是梦幻感觉出来了{:4_170:}

小辣椒 发表于 2024-6-2 20:53

图意真美，清舟制图的手法就是别拘一格，特别赋予想象力{:4_199:}

小辣椒 发表于 2024-6-2 20:55

欣赏清舟的精美制作，小辣椒学习了{:4_199:}

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

红影 发表于 2024-6-1 21:07
漂亮。沙发留给@小辣椒 ，亲爱的快来收礼

谢谢亲爱的呼叫，昨天来不及上来了

红影 发表于 2024-6-2 23:49

小辣椒 发表于 2024-6-2 22:09
谢谢亲爱的呼叫，昨天来不及上来了

饿呢，今天收到一样开心的{:4_187:}

樵歌 发表于 2024-6-3 07:00

梦幻之境，神奇飘渺，美人如烟似雾，亦幻似真，这思维也太出尘了。{:4_178:}

樵歌 发表于 2024-6-3 07:01

对的，小辣椒抱着礼物得兴奋好几个晚上{:4_189:}

绿叶清舟 发表于 2024-6-3 21:05

红影 发表于 2024-6-1 23:26
而且效果那么好

就是有一点歪了，应该改一下尺寸的

绿叶清舟 发表于 2024-6-3 21:05

樵歌 发表于 2024-6-3 07:00
梦幻之境，神奇飘渺，美人如烟似雾，亦幻似真，这思维也太出尘了。

早就出家啦{:4_189:}

绿叶清舟 发表于 2024-6-3 21:06

小辣椒 发表于 2024-6-2 20:55
欣赏清舟的精美制作，小辣椒学习了

哪敢啊，辣椒客气了
页: [1] 2 3
查看完整版本: Dear Friend TO小辣椒