小辣椒 发表于 2024-2-20 21:17

希希 - 诺言 (DJ小蒋版) TO：三月的阳光 （学习黑黑檐下客效果）


<style>
#papa {
                margin: 150px 0 0 calc(50% - 801px);
        display: grid;
        place-items: center;
        width: 1440px;
        height: 722px;
        background: lightblue url('https://wj1.zp68.com:812/lxx/yunhua/2024/02/20/F.gif') no-repeat center/cover;
        box-shadow: 3px 3px 20px #000;
        position: relative;
        z-index: 1;
        --state: running;
}
.play_pic {
        position: absolute;
        width: 50px;
        height: 50px;
                top:30px;
        right: 45%;
        opacity: .95;
        cursor: pointer;
        animation: rot 6s infinite linear var(--state);
        z-index: 200;
}
.play_pic:nth-of-type(1) {
        width: 100px;
        height: 100px;
        filter: sepia(70%);
}
.play_pic:nth-of-type(2) {
        width: 75px;
        height: 75px;
        filter: hue-rotate(270deg) contrast(175%);
}
@keyframes rot {
        to { transform: rotate(1turn); }
}
#tit {
      position: absolute;
      left: 380px;
      top: 520px;
      background-image:url('https://xlaj.cn/assets/file/zp/20240102011216.gif'); background-size:cover;
      width:600px; height:160px; font: bold 1.8em 微软雅黑;
      text-align:center; line-height:200px; color:transparent;
      -webkit-background-clip:text;
      border:0px #FF4A20 solid; z-index: 10;
}
#dt1{ position: absolute; width:244px; height:132px; bottom: 0px; right: 0px; }
</style>
<div id="papa">
        <audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/042c-audiofreehighqps/DE/C0/GKwRIUEJMngWACAAAAKAkmBS.m4a" autoplay loop></audio>       
        <img id="iplay" class="play_pic" src="https://wj1.zp68.com:812/lxx/yunhua/2024/02/20/24.png" alt="" />
                <img id="dt1" src="https://wj1.zp68.com:812/lxx/yunhua/2024/02/20/45.png" />
<div id="tit">希希 - 诺言 (DJ小蒋版)</div>
</div>
<script>
let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
let loadJs = (url,callback) => {
        let body = document.querySelector('body'), jsNode = document.createElement('script');
        jsNode.charset = 'utf-8';
        jsNode.setAttribute('src', url);
        body.appendChild(jsNode);
        jsNode.onload = () => callback();
};
loadJs('https://638183.freep.cn/638183/web/api/hc_lrc.js', () => {
        HCPlayer({
                papa: '#papa',
                lrcAr: lrcAr,
                lrc_css: 'bottom: 30px; left: 36%;font-size: 2.0em;--bg: linear-gradient(rgba(160,82,45,.14),rgba(160,82,55,.27)); color: Lavender;',
        });
});
</script>

小辣椒 发表于 2024-2-20 21:18

@三月的阳光
阳光送个小辣椒的学习帖，我们一起学习

小辣椒 发表于 2024-2-20 21:19

@马黑黑

黑黑我把三个png留了一个了，剩美女头上一朵花花{:4_173:}

红影 发表于 2024-2-20 22:02

亲爱的动图很漂亮，按钮做美女头饰也是很不错的设想呢。{:4_199:}
漂亮的制作，阳光哥哥收礼开心{:4_187:}

庶民 发表于 2024-2-21 08:48

歌曲太美了。

梦油 发表于 2024-2-21 10:47

美女头上的花瓣设计的真好

马黑黑 发表于 2024-2-21 12:16

镁铝头发装有搅发机{:4_170:}

樵歌 发表于 2024-2-21 18:03

有创新，有意境，有情调，有好歌，有美女，{:4_173:}
更有一个会做音画代码贴的能干小美女{:4_195:}

樵歌 发表于 2024-2-21 18:04

电吹风的功能强大，把美女头皮吹邹了有木有{:4_189:}

三月的阳光 发表于 2024-2-21 18:39

小辣椒 发表于 2024-2-20 21:18
@三月的阳光
阳光送个小辣椒的学习帖，我们一起学习

师傅，徒儿来了，谢谢师傅~~{:4_187:}

三月的阳光 发表于 2024-2-21 18:41

红影 发表于 2024-2-20 22:02
亲爱的动图很漂亮，按钮做美女头饰也是很不错的设想呢。
漂亮的制作，阳光哥哥收礼开心

哈哈，收礼开心，同祝影子妹妹开心快乐~~{:4_187:}

三月的阳光 发表于 2024-2-21 18:42

师傅送美女了，谢谢师傅，阳光收下了~~{:4_205:}

南无月 发表于 2024-2-21 19:23

头发上的花色跟贴子里人物衣服好搭，漂亮。。。欣赏小辣椒美贴~~{:4_204:}。

红影 发表于 2024-2-21 19:30

三月的阳光 发表于 2024-2-21 18:41
哈哈，收礼开心，同祝影子妹妹开心快乐~~

谢谢阳光哥哥，大家一起开心快乐{:4_205:}

小辣椒 发表于 2024-2-21 21:30

红影 发表于 2024-2-20 22:02
亲爱的动图很漂亮，按钮做美女头饰也是很不错的设想呢。
漂亮的制作，阳光哥哥收礼开心

哈哈~~亲爱的，偷懒的制作，这个是太简单了，一半也是抄你的作业{:4_170:}

小辣椒 发表于 2024-2-21 21:31

庶民 发表于 2024-2-21 08:48
歌曲太美了。

谢谢庶民欣赏{:4_187:}

小辣椒 发表于 2024-2-21 21:32

梦油 发表于 2024-2-21 10:47
美女头上的花瓣设计的真好

梦油晚上好，小辣椒偷懒把黑黑的三朵花减掉了二朵{:4_170:}

小辣椒 发表于 2024-2-21 21:33

马黑黑 发表于 2024-2-21 12:16
镁铝头发装有搅发机

美女加了这个搅发机，活力四射了{:4_170:}

马黑黑 发表于 2024-2-21 21:34

小辣椒 发表于 2024-2-21 21:33
美女加了这个搅发机，活力四射了

{:4_181:}

小辣椒 发表于 2024-2-21 21:34

樵歌 发表于 2024-2-21 18:03
有创新，有意境，有情调，有好歌，有美女，
更有一个会做音画代码贴的能干小美女

樵哥哥太厚爱小辣椒了，小辣椒只是套用了黑黑了教程分享，一半还抄了红影的作业的{:4_170:}
页: [1] 2
查看完整版本: 希希 - 诺言 (DJ小蒋版) TO：三月的阳光 （学习黑黑檐下客效果）