云端漫步 发表于 2026-6-12 17:50:22

【漫步特效】棕香情浓/祝大家端午安康！

<style>
#mydiv {
    margin: 150px 0 30px calc(50% - 800px);
    display: grid;
    place-items: center;
    width: 1700px;
    height: 850px;
    background: lightblue url('https://i.uik.cc/view.php/13a2562d44fa4e0ba3a92c3bedecb581.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: .15;
}
#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.98;
    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=3384632757" autoplay loop></audio>
    <video id="new-vid" src="https://i.uik.cc/view.php/9a5d92e5eb1944fe87ec7d6e0c3083c6.mp4" autoplay loop muted playsinline></video>
    <video id="vid" src="https://img2.tukuppt.com/video_show/3664703/00/02/09/5b504c0343fdc.mp4" autoplay="" loop="" muted=""></video>
    <img id="top-png" src="https://i.uik.cc/view.php/356b8239cf6616002f45d34bcf390f8b.png" alt="PNG"></audio>
</div>

云端漫步 发表于 2026-6-12 17:51:32

愿粽叶飘香伴你舒心过节，平安喜乐，万事顺遂

绿蔷薇 发表于 2026-6-12 20:10:15

一缕粽香寄温情
端午良辰送祝愿

绿蔷薇 发表于 2026-6-12 20:11:11

谢谢漫步老师~
祝端午安康，岁岁无忧，事事如愿~

念若莲 发表于 2026-6-12 20:33:05

丰富多彩的元素呈现{:9_272:}

念若莲 发表于 2026-6-12 20:33:59

祝大家清风伴粽香，佳节皆安康，喜乐常相伴~~{:9_273:}

欧阳风刀 发表于 2026-6-12 20:50:58

色彩浓郁，动画效果漂亮，配乐到位。

欧阳风刀 发表于 2026-6-12 20:51:30

欣赏漫步兄新作。感谢，祝端午安康。

雨声 发表于 2026-6-12 23:45:15

精彩的制作，元素加的真好，问好漫步老师，端午安康，周末快乐~

醉美水芙蓉 发表于 2026-6-13 10:56:25

欣赏漫步老师精彩特效音画！
页: [1] 2 3
查看完整版本: 【漫步特效】棕香情浓/祝大家端午安康！