【斗酒相逢音画-五周年庆】纵有疾风起文/七掬 (致酒窝所有音画朋友们！）

三公子 · 发表于 2024-9-10 23:45:23

微笑倾城 · 发表于 2024-9-10 23:49:34

好帅的图，排字真好看，欢迎新朋友

三公子 · 发表于 2024-9-10 23:51:31

本帖最后由三公子于 2024-9-11 15:37 编辑

微笑倾城发表于 2024-9-10 23:49
好帅的图，排字真好看，欢迎新朋友

牢牢记住你，第一个回复我的人

代码附上：

<style>
#mydiv {
      margin: 160px 0 30px calc(50% - 931px);
      width: 1700px;（更改贴子宽度）
      height: 900px;（更改贴子高度）
      display: grid;
      place-items: center;
      background: lightblue url('https://642303.freep.cn/642303/tu/20240910zongyou05.webp') no-repeat center/cover;（更改图片地址）
      box-shadow: 3px 3px 20px #000;
      user-select: none;
      overflow: hidden;
      position: relative;
      z-index: 1;
}
#vid {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: .99;
      object-fit: cover;
      mix-blend-mode: soft-light;
      -webkit-mask: linear-gradient(to left top, red 5%, transparent 85%, transparent);
}
</style>
<div id="mydiv">
<video id="vid" src="https://bpic.588ku.com/video_listen/588ku_preview/19/03/25/15/10/17/video5c987ed9e369e.mp4" autoplay="" loop="" muted=""></video>（更改视频地址，需要更多别的视频可跟贴）
</div>