云端漫步 发表于 2026-4-10 16:39:45

【漫步幻影粒子特效】半城妖姬

<style>
#mydiv {
    margin: 150px 0 10px calc(50% - 900px);
    width: 1700px;
    height: 850px;
    background: lightblue url('https://644220.freep.cn/644220/1/bvb.jpg') no-repeat center/cover;
    box-shadow: 3px 3px 20px #000;/* 背景图片 */
    user-select: none;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#vid {
    position: absolute;
    width: 130%;
    height: 130%;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    mask: linear-gradient(to top right, red 88%, transparent 0);   
    -webkit-mask: linear-gradient(to top right, red 88%, transparent 0);   
    z-index: 3;
    opacity: .35;/* 熊猫视频调整透明度 */
}
#new-vid {
    position: absolute;
    top: -100px;/* 豆包视频隐藏左上角文字调整 */
    left: 0;
    width: 100%;
    height: calc(100% + 100px);
    object-fit: cover;
    pointer-events: none;
    z-index: 2;
    opacity: 0.95;/* 豆包视频调整透明度 */
    mix-blend-mode: normal;
    mask: none;
    -webkit-mask: none;
}
#top-png {
    position: absolute;
    width: 100%;
    height: 100%;   
    object-fit: cover;
    pointer-events: none;
    z-index: 5;
    opacity: 1;
}
video::-webkit-media-controls {
    display: none !important;
}
video {
    -webkit-appearance: none;
}
</style>
<div id="mydiv">
    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=3344352054" autoplay loop></audio>
    <!-- 豆包视频 -->
    <video id="new-vid" src="https://644220.freep.cn/644220/qq/2/3b3.mp4" autoplay loop muted playsinline></video>
    <!-熊猫视频->
    <video id="vid" src="https://img.tukuppt.com/video_show/2414777/00/02/18/5b52d56cc6aff.mp4"autoplay="" loop="" muted=""></video>
   <!-- 标题PNG图片-->
    <img id="top-png" src="https://644220.freep.cn/644220/1/bvb.png" alt="标题PNG图片">
</div>

欧阳风刀 发表于 2026-4-10 18:44:33

浓烈的色调，动画炫酷，给人强烈的视觉冲击力。

欧阳风刀 发表于 2026-4-10 18:44:59

漫步兄好制作。感谢分享精彩。

圊圊淥詶 发表于 2026-4-10 21:02:00

很耀眼，周末的动感节奏{:S15:}

圊圊淥詶 发表于 2026-4-10 21:02:13

漫步老师分享辛苦了，周末快乐~~

醉美水芙蓉 发表于 2026-4-11 06:59:16

欣赏漫步老师精彩特效音画！

醉美水芙蓉 发表于 2026-4-11 06:59:40

老师的图图设计炫酷！

念若莲 发表于 2026-4-11 10:26:36

这姑娘走性感路线呢{:9_274:}

念若莲 发表于 2026-4-11 10:28:50

科技感爆棚，闪烁亮眼，老师特效精彩{:9_272:}

玫の玫 发表于 2026-4-11 18:00:49

欣赏漫步老师新作，万重尘埃里抬眼望，千劫磨难中意气更高。
页: [1] 2
查看完整版本: 【漫步幻影粒子特效】半城妖姬