花飞飞 发表于 2023-8-9 19:41

红影【TO:红影】(学习黑师《筝鸣》多层闪烁小播效果)


<style>
#papa { margin: 0 0 0 calc(50% - 830px); width: 1500px; height: 800px; background: url('https://pic.imgdb.cn/item/64d376631ddac507cc2041b6.webp') no-repeat center/cover; box-shadow: 3px 3px 20px #000; display: grid; place-items: center; z-index: 1; position: relative; overflow: hidden;--state: running; }
#papa::after { position: absolute; content: url('https://638183.freep.cn/638183/Pic/81/bird3.gif'); top: 5px; animation: move1 6s infinite linear var(--state); }
#papa::after { right: 5px; }
@keyframes move { from { background-position: top right; } to { background-position: bottom left; } }
#vid {
        position: absolute;
        width: 120%;
        height: 110%;
        top:-20px;
right:-200px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 2;
        opacity: .26;
}
</style>

<div id="papa"><video id="vid" src="https://img3.tukuppt.com/video_show/2418175/00/02/22/5b52e01dad564.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video></div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=77134" autoplay loop></audio>
<script>

(function() {
    let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/ewave_lrc.js';
    script.charset = 'utf-8';
    document.head.appendChild(script);
    let geci = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
    window.onload = () => {
      HCPlayer({
            papa: '#papa',
            lrcAr: geci,
            lrc_css: `
                bottom: 26px;
right:100px;
                color: Linen;
                --bg: linear-gradient(Peru,SaddleBrown);
            `,
            player_css: `
        opacity: .36;
                    bottom: 60px;
                left:130px;
                transform: rotate(45deg); /* 播放器旋转 */
                --bg: rgb(100,200,250,.75);
                --br: 26%; /* 圆角设置 50%为圆形,0% 为矩形 */
            `,
            fs_css: `bottom: 5%;left:3%;`,
      });
    }
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);</script>
</script>

花飞飞 发表于 2023-8-9 19:42

@红影 继续学习图图中,《红影》送给你,感谢一路鼓励支持~~

花飞飞 发表于 2023-8-9 19:42

歌曲是刀郎的谢谢你,近来老听刀郎的歌,就找了一个切题的来,虽个别歌词不太合适……
但经典好听,一同欣赏。。{:4_170:}

花飞飞 发表于 2023-8-9 19:43

@马黑黑 完成今日份作业~~

醉美水芙蓉 发表于 2023-8-9 19:47

红影 发表于 2023-8-9 19:58

这画面太美了,场景开阔,视频尤其给力,太壮观了{:4_199:}
字体设计也好棒,播放器的效果也烘托了那个红字,构思真巧妙。那个影字还拖了根小辫子呢{:4_173:}

红影 发表于 2023-8-9 19:59

这个礼物太美妙了,开心来收礼。借用刀郎的歌名,真的《谢谢你》{:4_179:}

红影 发表于 2023-8-9 20:02

全屏时更漂亮,歌词配色也好棒。这个帖子太精美了,看了一遍又一遍{:4_187:}

花飞飞 发表于 2023-8-9 20:13

醉美水芙蓉 发表于 2023-8-9 19:47
欣赏飞飞佳作!
{:4_187:}水芙蓉晚上好,一起听歌~~

花飞飞 发表于 2023-8-9 20:14

红影 发表于 2023-8-9 19:58
这画面太美了,场景开阔,视频尤其给力,太壮观了
字体设计也好棒,播放器的效果也烘托了那个红 ...

{:4_170:}那个影字,液化涂出来的,涂着涂着跟水波似的。。就留着了。。

花飞飞 发表于 2023-8-9 20:16

红影 发表于 2023-8-9 19:59
这个礼物太美妙了,开心来收礼。借用刀郎的歌名,真的《谢谢你》
不客气哦,影子开心就好。。。
这个坛子氛围好,你功不可没,{:4_199:}
感谢你们整这么好的地方可以玩。。。。{:4_187:}

红影 发表于 2023-8-9 20:16

花飞飞 发表于 2023-8-9 20:14
那个影字,液化涂出来的,涂着涂着跟水波似的。。就留着了。。

我都不知道液化涂抹是什么呢,飞飞厉害,学得这么好。非常有特色的一个字儿呢{:4_199:}

花飞飞 发表于 2023-8-9 20:18

红影 发表于 2023-8-9 20:02
全屏时更漂亮,歌词配色也好棒。这个帖子太精美了,看了一遍又一遍

我自己也挺满意,开着全屏瞧。。。美滋滋。。。{:4_170:}一起开心哦。。

红影 发表于 2023-8-9 20:20

花飞飞 发表于 2023-8-9 20:16
不客气哦,影子开心就好。。。
这个坛子氛围好,你功不可没,
感谢你们整这么好的地方可以玩 ...

哪里啊,被飞飞说得都不好意思了,我也是跟在后头瞎玩的一个,整体乐呵呵地玩得快乐{:4_189:}

花飞飞 发表于 2023-8-9 20:20

红影 发表于 2023-8-9 20:16
我都不知道液化涂抹是什么呢,飞飞厉害,学得这么好。非常有特色的一个字儿呢

{:4_170:}你那么聪明,只要愿意,铁定比我学的好~~这个液化是一个自带的滤镜。。。

红影 发表于 2023-8-9 20:21

花飞飞 发表于 2023-8-9 20:18
我自己也挺满意,开着全屏瞧。。。美滋滋。。。一起开心哦。。

这个场景特别美,很吸引人的那种{:4_173:}

红影 发表于 2023-8-9 20:22

花飞飞 发表于 2023-8-9 20:20
你那么聪明,只要愿意,铁定比我学的好~~这个液化是一个自带的滤镜。。。

就我这么稀里糊涂的人,跟聪明两字不搭界。不敢学,那东西太复杂了{:4_173:}

千羽 发表于 2023-8-9 20:45

飞飞的图每次看都有进步,图图很美的,还会选素材,必须点赞送花花{:4_187:}

千羽 发表于 2023-8-9 20:49

多层闪烁小播效果加在图里很相搭,有玄幻的效果,飞飞棒棒哒{:4_185:}

千羽 发表于 2023-8-9 20:49

影儿收礼开心哦{:4_185:}
页: [1] 2 3 4 5
查看完整版本: 红影【TO:红影】(学习黑师《筝鸣》多层闪烁小播效果)