《人间走一趟拼的是健康》学习环形立体频谱

马黑黑

帖子主元素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 21:41
谢谢黑黑老师无私奉献！让我们不懂代码的也能跟着娱乐一下！

多少会懂一点的

红影

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

不客气啊，都是玩，随便用