小辣椒 发表于 2024-4-19 21:07

画你 （学习黑黑苦月亮效果）


<style>
        #papa { margin: 150px 0 0 calc(50% - 781px);width: 1400px; height:711px; background: url("https://xlaj.cn/assets/file/zp/20240418200401.gif ") no-repeat center/cover; box-shadow: 3px 3px 6px rgba(0,0,0,.5); overflow: hidden; display: grid; place-items: center; position: relative; }
        .play { position: absolute; top: 110px;left: 120px;width: 200px; cursor: pointer; animation: rot 6s linear infinite var(--state); }
        #papa video { position: absolute;left: -50px; bottom: 0; width: 30%; height: calc(30% + 60px); object-fit: cover; mix-blend-mode: screen; }   
        @keyframes rot { to { transform: rotate(360deg); } }

</style>

<div id="papa">


        <audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/ff73-audiofreehighqps/9F/55/GKwRIRwJk2ADACAAAAKkDdUZ.m4a" autoplay loop></audio>
        <video src="https://lk999.oss-cn-guangzhou.aliyuncs.com/xxsx.mp4" muted autoplay loop></video>
        <img class="play" alt="" src="https://xlaj.cn/assets/file/zp/20240418200447.png" />
</div>

<script type="text/javascript">

var sc = document.createElement('script');
sc.src = 'https://638183.freep.cn/638183/web/api/lrc.js';
sc.charset = 'utf-8';
document.head.appendChild(sc);

sc.onload = () => {
        LRC({
                papa: '#papa',
                lrcAr: lrcAr,
                btn: '.play',
                lrc_css: 'left: 35%; bottom: 50px;transform: translate(-50%);--bg: linear-gradient(rgba(255,228,196,.15),rgba(255,228,196.45)); position: absolute; font: bold 2.0em sans-serif; color:#F0F8FF;',
        });
};

var lrcAr = [
       ,
                ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

</script>

小辣椒 发表于 2024-4-19 21:09

和昨天那个一起做的，差不多的效果，只是按钮做的时候调的数字和厚度不一样

小辣椒 发表于 2024-4-19 21:09

马黑黑

谢谢黑黑的教程分享，小辣椒继续套用玩{:4_170:}

走过岁月 发表于 2024-4-19 21:29

小辣椒的音画做得美

走过岁月 发表于 2024-4-19 21:30

歌好听，支持小辣椒

南无月 发表于 2024-4-19 21:31

我来坐小辣椒的沙发。。{:4_187:}开贴就惊艳到了

南无月 发表于 2024-4-19 21:33

很喜欢这样的画面电影故事一般的画面。。。色调太美了。。
小播颜色和背影很搭。。
很喜欢这里的动画设计，那盛开的百合，好灵动啊。{:4_187:}

小辣椒 发表于 2024-4-19 21:34

南无月 发表于 2024-4-19 21:33
很喜欢这样的画面电影故事一般的画面。。。色调太美了。。
小播颜色和背影很搭。。
很喜欢这里的动画设计 ...

那白的花花是岁月的AE视频制作{:4_173:}

小辣椒 发表于 2024-4-19 21:35

南无月 发表于 2024-4-19 21:31
我来坐小辣椒的沙发。。开贴就惊艳到了

谢谢月月欣赏，今天我感觉好累，先下了，晚安

小辣椒 发表于 2024-4-19 21:35

走过岁月 发表于 2024-4-19 21:29
小辣椒的音画做得美

谢谢岁月欣赏{:4_187:}

南无月 发表于 2024-4-19 21:35

小辣椒 发表于 2024-4-19 21:35
谢谢月月欣赏，今天我感觉好累，先下了，晚安

好哒，周末快乐呀，小辣椒

小辣椒 发表于 2024-4-19 21:36

走过岁月 发表于 2024-4-19 21:30
歌好听，支持小辣椒

谢谢岁月支持，看出来这个花花是你的AE视频吗{:4_173:}

小辣椒 发表于 2024-4-19 21:37

走过岁月 发表于 2024-4-19 21:30
歌好听，支持小辣椒

昨天发的那个也是你的视频制作

南无月 发表于 2024-4-19 21:40

小辣椒 发表于 2024-4-19 21:34
那白的花花是岁月的AE视频制作

好美呀，还有粒子飞舞，太梦幻了

马黑黑 发表于 2024-4-19 21:44

大小特效的应用很到位

走过岁月 发表于 2024-4-19 21:49

小辣椒 发表于 2024-4-19 21:36
谢谢岁月支持，看出来这个花花是你的AE视频吗

好像是，忘了

红影 发表于 2024-4-19 22:20

这画面布局和色彩好美啊。欣赏亲爱的好帖{:4_199:}

朵拉 发表于 2024-4-19 23:15

好听 好看~~{:4_204:}

亦是金 发表于 2024-4-20 00:11

背景好看，小动画和背景很搭，歌曲好听，欣赏学习了！{:4_187:}

起个网名好难 发表于 2024-4-20 07:02

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif
页: [1] 2 3 4
查看完整版本: 画你 （学习黑黑苦月亮效果）