云端漫步 发表于 2026-5-17 23:20:12

【漫步幻影粒子特效】甜蜜蜜爱浓浓TO愫怡-泪红颜

<style>
#mydiv {
    margin: 150px 0 10px calc(50% - 800px);
    width: 1700px;
    height: 850px;
    background: lightblue url('https://644220.freep.cn/644220/1/R99.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: .05;
}
#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://ting9.yymp3.com/new17/denglijun20/4.mp3" autoplay loop></audio>

    <video id="new-vid" src="https://644220.freep.cn/644220/qq/2/ER6.mp4" autoplay loop muted playsinline></video>

    <video id="vid" src="https://img.tukuppt.com/video_show/2629112/00/02/03/5b4f2ae929323.mp4"autoplay="" loop="" muted=""></video>

    <img id="top-png" src="https://644220.freep.cn/644220/1/880.png" alt="PNG">
</div>

云端漫步 发表于 2026-5-17 23:20:32

@愫怡 @雨声 @绿蔷薇

风樱落 发表于 2026-5-18 06:27:09

呀，520了。祝有情人终成眷属吧:lol

风樱落 发表于 2026-5-18 06:28:04

应景的礼物。欣赏分享蹭热度

醉美水芙蓉 发表于 2026-5-18 07:13:53

欣赏漫步老师精彩制作！

醉美水芙蓉 发表于 2026-5-18 07:14:07

㊗️两位友友收礼开心！

绿蔷薇 发表于 2026-5-18 08:51:13

漫步老师深夜发帖辛苦了~~{:1_153:}

绿蔷薇 发表于 2026-5-18 12:14:09

520，先爱自己，再爱世界~~{:9_252:}

绿蔷薇 发表于 2026-5-18 12:15:37

红色立体字母 LOVE
一下点明了主题
呼应了520的甜蜜氛围

绿蔷薇 发表于 2026-5-18 12:16:31

漫步老师制作辛苦了
粉棒的平面设计与粒子特效
页: [1] 2 3
查看完整版本: 【漫步幻影粒子特效】甜蜜蜜爱浓浓TO愫怡-泪红颜