网站首页 › ┫特效音画┣ › 【漫步特效】欢欢喜喜过大年/马迎新春

云端漫步 发表于 昨天 16:06

【漫步特效】欢欢喜喜过大年/马迎新春

本帖最后由 云端漫步 于 2026-2-8 18:48 编辑 <br /><br /><style>
#mydiv {
    margin: 150px 0 30px calc(50% - 931px);
    display: grid;
    place-items: center;
    width: 1800px;
    height: 900px;
    background: lightblue url('https://644220.freep.cn/644220/w/gg.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: 7;
    opacity: .45;
}
#new-vid {
    position: absolute;
    top: calc(50% - 10px);
    left: 0;               
    width: 1200px;      
    height: 640px;         
    object-fit: cover;
    pointer-events: none;
    z-index: 2;
    opacity: 0.95;
    mix-blend-mode: normal;
    mask: none;
    -webkit-mask: none;
    transform: translateY(-50%);
}
#top-png {
    position: absolute;
    width: 100%;
    height: 100%;   
    object-fit: cover;
    pointer-events: none;
    z-index: 5;
    opacity: 1;
}
.lantern-left {
    position: absolute;
    top: -60px;         
    left: 300px;         
    z-index: 6;            
    pointer-events: none;
}
.lantern-right {
    position: absolute;
    top: -60px;            
    right: 400px;         
    z-index: 6;
    pointer-events: none;

}
video::-webkit-media-controls {
    display: none !important;
}
video {
    -webkit-appearance: none;
}
</style>
<div id="mydiv">
    <audio id="aud" src="https://ting8.yymp3.com/new10/gongyue4/3.mp3" autoplay loop></audio>

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

    <video id="vid" src="https://img.tukuppt.com/video_show/15653652/01/44/41/6342898906396.mp4" autoplay="" loop="" muted=""></video>

    <img id="top-png" src="https://644220.freep.cn/644220/w/fgg.png" alt="PNG">

    <img class="lantern-left" src="https://644220.freep.cn/644220/w/199.gif" alt="左侧">
    <img class="lantern-right" src="https://644220.freep.cn/644220/w/199.gif" alt="右侧">
</div>

禾苗 发表于 昨天 16:11

过大年了，欣赏漂亮音画{:6_169:}

禾苗 发表于 昨天 16:12

镜头切换真棒，喜欢看舞狮{:6_165:}

欧阳风刀 发表于 昨天 17:06

{:1_150:}氛围热烈、年味浓郁，构图饱满且特效元素丰富。

欧阳风刀 发表于 昨天 17:06

漫步兄好制作。感谢分享并祝新年快乐。

玫の玫 发表于 昨天 17:24

借老师美作祝云荷小伙伴们2026
新年快乐，
福暖四季，
马年大吉。

玫の玫 发表于 昨天 18:05

画面优美，喜庆吉祥，整体效果美美哒！{:1_154:}{:1_154:}

姚云裳 发表于 昨天 18:13

设计的音画高雅时尚,韵味非凡,色彩搭配唯美，版式简约新颖
动画逼真有看头，漂亮的音画让人赏心悦目,留连忘返

风樱落 发表于 昨天 18:24

又一喜庆的贺帖。欢欢喜喜过大年

风樱落 发表于 昨天 18:24

欣赏分享老师们的精彩演绎

查看完整版本: 【漫步特效】欢欢喜喜过大年/马迎新春