论坛 › 欢乐水吧 › 寻你三千遍TO：冬雨（学习黑黑 Jannik - Grace 效果）

小辣椒 发表于 2024-1-11 20:03

寻你三千遍TO：冬雨（学习黑黑 Jannik - Grace 效果）

<style>
#papa {
        margin: 150px 0 0 calc(50% - 781px);
        width:1400px;
        height: 680px;
        border: 1px solid gray;
        background: url('https://xlaj.cn/assets/file/zp/20240111115829.jpg') no-repeat center/cover;
        box-shadow: 3px 6px 12px #000;
        z-index: 1;
        position: relative;
        display: grid;
        place-items: center;
}
#papa::before, #papa::after {
        position: absolute;
        content: '';
        left: 3%;
        width: 50%;
        height: 100%;
        background: url('https://xlaj.cn/assets/file/zp/20240111115918.jpg') no-repeat center/cover;
        clip-path: circle(250px at 50% 50%); /*0 55%,55% 100%, 100% 35%, 35% 0 || 0 35%,35% 100%,100% 100%,100% 0, 35% 0*/
        opacity: .4;
        animation: move 20s forwards;
        --xx: 0;
}
#papa::after {
        transform: scale(-1,1);
        --xx: 20%;
}

#vid { position: absolute; width:30%; height: 40%; top:220px; left: 970px; object-fit: cover; pointer-events: none; mix-blend-mode: screen; z-index: 2; opacity: .65;}
@keyframes move {
        to { left: var(--xx); }
}
#dt1{ position: absolute; width:250px; height: 131px; top: 155px; left: 534px; }
#dt2{ position: absolute; width: 250px; height: 131px; top: 150px; left: 180px; }
</style>

<div id="papa">
<video id="vid" src="https://lk999.oss-cn-guangzhou.aliyuncs.com/ywa.mp4" autoplay="" loop="" muted=""></video>

<img id="dt1" src="https://xlaj.cn/assets/file/zp/20240111115944.gif" alt="" />
<img id="dt2" src="https://xlaj.cn/assets/file/zp/20240111115944.gif" alt="" />
</div>

<script>
var sf = document.createElement('script');
sf.src = 'https://638183.freep.cn/638183/web/api/ypPlayer.min.js';
sf.charset = 'utf-8';
document.body.appendChild(sf);

sf.onload = () => {
        var player = new ypP();
        player.setAudSrc('https://xlaj.cn/assets/file/zp/20240111120017.mp3');
        player.setBtnCss(`
                              left: 65%;
                width: 300px;
                bottom: 20px;
                z-index: 10;
                opacity: .75;
                --btnBg: url('https://xlaj.cn/assets/file/zp/20240106162128.svg') no-repeat center/cover;
                --trackBg: transparent;
                --progBg: SkyBlue;
                --btnSize: 60px;
        `);

        player.setLrcCss('top: 76%; left: 64%; color: Silver; font-size: 1.8em;--bg: Gainsboro; z-index: 9;');
        player.lrcAr = [ ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

};
</script>

小辣椒 发表于 2024-1-11 20:06

完成一个作业{:4_170:}@马黑黑

黑黑套用一个玩玩，简单的我就速度快，复杂的要花时间

小辣椒 发表于 2024-1-11 20:07

@冬天的雨

冬雨你这个说下午准备做的，看看你没有发的

小辣椒 发表于 2024-1-11 20:08

发现黑黑最近发教程速度快的，每天有更新，黑黑辛苦的{:4_187:}

樵歌 发表于 2024-1-11 20:52

简直漂亮惨了！{:4_178:}

樵歌 发表于 2024-1-11 20:54

又双叒叕送小冬雨美娇娘了哇@冬天的雨你娘子上画了{:4_170:}

红影 发表于 2024-1-11 21:28

亲爱的这个做得真漂亮，移动的小图起到了点睛作用，让整个画面更美了{:4_199:}

冬天的雨 发表于 2024-1-11 22:02

小辣椒 发表于 2024-1-11 20:07
@冬天的雨

冬雨你这个说下午准备做的，看看你没有发的

来了来了，终于完成了{:4_170:}

冬天的雨 发表于 2024-1-11 22:03

樵歌 发表于 2024-1-11 20:54
又双叒叕送小冬雨美娇娘了哇@冬天的雨你娘子上画了

首长感到奇怪？{:4_170:}

冬天的雨 发表于 2024-1-11 22:20

小辣椒的比冬雨的漂亮{:4_187:}

冬天的雨 发表于 2024-1-11 22:20

但我完成任务就是好，自己表扬自己一个{:4_205:}

冬天的雨 发表于 2024-1-11 22:21

这歌曲还是不错，好听，和图意相符{:4_199:}

庶民 发表于 2024-1-12 05:12

太有味道了，点赞

侃大山 发表于 2024-1-12 08:37

画面像油画，字体设计漂亮{:4_204:}

侃大山 发表于 2024-1-12 08:37

大师级的音画制作{:5_116:}

樵歌 发表于 2024-1-12 18:34

冬天的雨 发表于 2024-1-11 22:03
首长感到奇怪？

不奇怪，是小辣椒认识的美娇太多太多，人以群居，是吧{:4_170:}

小辣椒 发表于 2024-1-12 22:32

侃大山 发表于 2024-1-12 08:37
大师级的音画制作

哇塞，大山你吓我啊{:4_397:}

小辣椒 发表于 2024-1-12 22:35

樵歌 发表于 2024-1-11 20:52
简直漂亮惨了！

樵哥哥，这个比那些做图高手小辣椒简直属于辣椒产品了，反正我想我是玩播放器的，做图就不去追求了，这些图图都是很早以前的，都是玩过的，重新拿出来玩，现在尽量少用眼，反正播放器出来就可以了{:4_189:}

小辣椒 发表于 2024-1-12 22:36

樵歌 发表于 2024-1-11 20:54
又双叒叕送小冬雨美娇娘了哇@冬天的雨你娘子上画了

哈哈~~~笑S了，樵哥哥太可爱了{:4_170:}

小辣椒 发表于 2024-1-12 22:39

红影 发表于 2024-1-11 21:28
亲爱的这个做得真漂亮，移动的小图起到了点睛作用，让整个画面更美了
亲爱的，这个我也是想不出这怎么做好，只是改变一下位置，一边空了可以上去这个岁月的视频，我只用了30%的宽度视频背景效果

查看完整版本: 寻你三千遍TO：冬雨（学习黑黑 Jannik - Grace 效果）