【云裳单图】驻足美好
本帖最后由 姚云裳 于 2024-9-1 16:21 编辑 <br /><br /><style>#mydiv { margin: 0 0 0 calc(50% - 900px);
display: grid;
place-items: center;
width:1800px;
height:1058px;
top:130px;
background: lightblue url('https://pic.imgdb.cn/item/66cf29bbd9c307b7e9d5b5f3.jpg') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
user-select: none;
overflow: hidden;
position: relative;
z-index: 3;}
#vid1 {
position: absolute;
width: 100%;
height: 110%;
top:20px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 4;
opacity: .15;
}
#vid2 {
position: absolute;
width: 43%;
height: 30%;
right:8%;
top:10px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 5;
opacity: .99;
}
</style>
<div id="mydiv">
<video id="vid1" src="https://img.tukuppt.com/video_show/2475824/00/01/58/5b56a385e42de.mp4" autoplay="" loop="" muted=""></video>
<video id="vid1" src="https://img.tukuppt.com/video_show/15653652/01/59/07/63806a6eb7241.mp4" autoplay="" loop="" muted=""></video>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2129609215" autoplay="" loop=""></audio>
<br><br><br><br><br><br><br><br> 欣赏精彩图图，人物和背景溶的漂亮{:4_199:} 居中尺寸代码要修改
<style>
#mydiv { margin: 130px 0 0 calc(50% - 981px);
display: grid;
place-items: center;
width:1800px;
height:1058px;
top:130px;-----这个不用
花潮居中尺寸计算
图宽度1800除2=900+81
小辣椒 发表于 2024-8-28 22:43
居中尺寸代码要修改
谢谢欣赏和点评，问好 姚云裳 发表于 2024-8-28 22:54
谢谢欣赏和点评，问好
不客气，你修改一下居中代码，花潮的居中尺寸我已经上面写出了 驻足欣赏美好，谢谢分享！ 漂亮的制作，字体设计也漂亮。
这个没居中呢{:4_173:} 欣赏云裳漂亮音画作品{:4_187:} 欣赏老师漂亮的图图！{:4_199:} 梦江南 发表于 2024-8-29 14:40
欣赏老师漂亮的图图！
谢谢欣赏和点评，问好 红影 发表于 2024-8-28 23:39
漂亮的制作，字体设计也漂亮。
这个没居中呢
谢谢欣赏和点评，问好 彩云归 发表于 2024-8-28 23:11
驻足欣赏美好，谢谢分享！
谢谢欣赏和点评，问好 姚云裳 发表于 2024-8-29 20:25
谢谢欣赏和点评，问好
问好云裳，晚上好{:4_187:} 欣赏精彩作品 游侠 发表于 2024-8-31 08:40
欣赏精彩作品
谢谢欣赏和点评，问好
页:
[1]