云端漫步 发表于 2025-11-13 20:13:02

【漫步特效】夜来香

<style>
#mydiv {
    margin: 130px 0 30px calc(50% - 900px);
    display: grid;
    place-items: center;
    width: 1700px;
    height: 850px;
    background: lightblue url('https://s21.ax1x.com/2025/10/22/pVOqVTU.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: 6;
    opacity: .73;
}
#character {
    position: absolute;
    top: 50;
    left: 0;
    width: 105%;
    height: 105%;
    object-fit: cover;
    z-index: 7;

    animation: characterAnim 18s ease-in-out infinite;
}

@keyframes characterAnim {
    0% {
      transform: translateX(-8%) scale(0.98);
      opacity: 0.85;
    }
    25% {
      transform: translateX(0) scale(1.02);
      opacity: 0.95;
    }
    50% {
      transform: translateX(8%) scale(0.98);
      opacity: 0.85;
    }
    75% {
      transform: translateX(0) scale(1.02);
      opacity: 0.95;
    }
    100% {
      transform: translateX(-8%) scale(0.98);
      opacity: 0.85;
    }
}
</style>
<div id="mydiv">
    <audio id="aud" src="https://ting8.yymp3.com/new19/wangyajie/8.mp3" autoplay loop></audio>
    <video id="vid" src="https://img.tukuppt.com/video_show/15653652/01/26/92/625e2b9d26995.mp4" autoplay="" loop="" muted=""></video>
    <img id="character" src="https://s21.ax1x.com/2025/10/22/pVOqekF.png" alt="人物图片">
</div>

玫の玫 发表于 2025-11-13 20:33:15

https://s21.ax1x.com/2025/10/22/pVOqVTU.jpg，这图图不叫看啊

圊圊淥詶 发表于 2025-11-13 20:59:26

玫の玫 发表于 2025-11-13 20:33
，这图图不叫看啊

能看;P

圊圊淥詶 发表于 2025-11-13 21:08:06

漫步老师又一张特效美图，这效率，杠杠的~~;P

圊圊淥詶 发表于 2025-11-13 21:08:25

谢谢漫步老师的分享，辛苦了哦~~{:1_155:}

绿蔷薇 发表于 2025-11-13 21:34:49

玫の玫 发表于 2025-11-13 20:33
，这图图不叫看啊

薇也能看到~~{:S16:}

绿蔷薇 发表于 2025-11-13 21:37:39

喜欢刘亦菲，图图很华丽，有点怀旧的元素在，增加了动作的移动哈，蛮赞~~

绿蔷薇 发表于 2025-11-13 21:37:57

漫步老师制作辛苦了~~~{:1_153:}

云端漫步 发表于 2025-11-13 22:08:56

这都旧帖搬来这里热闹下:)

云端漫步 发表于 2025-11-13 22:09:17

绿蔷薇 发表于 2025-11-13 21:37
漫步老师制作辛苦了~~~

这都旧帖搬来这里热闹下:D
页: [1] 2
查看完整版本: 【漫步特效】夜来香