醉美水芙蓉 发表于 2022-12-26 21:24

马黑黑 发表于 2022-12-27 09:34

帖子主元素CSS样式，

#papa { margin: 120px 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: gray url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/live/8e63bf24eea9dfc2c31ad9be0607ceb6.mp4.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; display: grid; place-items: center; z-index: 1; }

没有加入景深。没有景深，3d效果出不来，应改为：

#papa { margin: 120px 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: gray url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/live/8e63bf24eea9dfc2c31ad9be0607ceb6.mp4.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; display: grid; place-items: center; perspective: 1200px; z-index: 1; }

景深设置为多少像素，可以自己决定，一般在 200 至 3000 之内是可以的

醉美水芙蓉 发表于 2022-12-27 11:50

马黑黑 发表于 2022-12-27 16:40

醉美水芙蓉 发表于 2022-12-27 11:50
谢谢黑黑老师指导！

{:5_108:}

红影 发表于 2022-12-27 20:30

居然还有这样的歌，有意思，这个制作漂亮。{:4_187:}

红影 发表于 2022-12-27 20:31

那个跳舞的动图看着眼熟，好像我也用过的呢{:4_173:}

醉美水芙蓉 发表于 2022-12-27 21:00

马黑黑 发表于 2022-12-27 21:30

加了景深后效果完全不一样了，脱胎换骨一样

醉美水芙蓉 发表于 2022-12-27 21:41

马黑黑 发表于 2022-12-27 22:28

醉美水芙蓉 发表于 2022-12-27 21:41
谢谢黑黑老师无私奉献！让我们不懂代码的也能跟着娱乐一下！

多少会懂一点的

红影 发表于 2022-12-28 21:28

醉美水芙蓉 发表于 2022-12-27 21:00
就是你的呀！借来用一下！谢谢红影美女！

不客气啊，都是玩，随便用{:4_187:}
页: [1]
查看完整版本: 《人间走一趟拼的是健康》学习环形立体频谱