【常用】音画作品加动态视频的方法（点击小标题可看实例）

花简静 · 发表于 2024-12-22 10:04

本帖最后由花简静于 2025-5-17 09:05 编辑

花简静 · 发表于 2024-12-22 10:04

本帖最后由花简静于 2024-12-22 17:50 编辑

<style>

#mydiv {

margin: 30px 0 30px calc(50% - 931px);

display: grid;

place-items: center;

width: 1700px;

height: 900px;

background: lightblue url('http://qslt.net/data/attachment/forum/202412/17/095244jhhe4echxlxw333o.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: 100%;

height: 100%;

object-fit: cover;

pointer-events: none;

mix-blend-mode: screen;

webkit-mask: radial-gradient(transparent 20%, red);

-webkit-mask: radial-gradient(transparent 20%, red);

z-index: 2;

opacity: .95;

}

</style>

</div>

花简静 · 发表于 2024-12-22 10:04

本帖最后由花简静于 2024-12-22 20:48 编辑

说明：千库图几个字在正中间，利用22行和23行代码（同时使用）将其隐去
webkit-mask: radial-gradient(transparent 20%, red);
-webkit-mask: radial-gradient(transparent 20%, red);

清梦 · 发表于 2024-12-22 10:13

为什么？

清梦 · 发表于 2024-12-22 10:13

静静这是啥情况

清梦 · 发表于 2024-12-22 10:14

帮助静静盖楼

清梦 · 发表于 2024-12-22 10:15

一百楼走起！

清梦 · 发表于 2024-12-22 10:15

清梦 · 发表于 2024-12-22 10:15

清梦 · 发表于 2024-12-22 10:15

[单图] 【常用】音画作品加动态视频的方法（点击小标题可看实例）