分享：css 3D柱形旋转的小收获_前端3d空心圆柱旋转

作者：AllinToyou | 2024-02-16 21:24:54

踩

前端3d空心圆柱旋转

关于3D旋转相册元素被遮挡的问题

看图：
在这里插入图片描述

其中：
box样式position: relative;
每个图片都是position: absulote; top: 0; left: 0;（定位同个位置）
定位后也有显示层级，就是后添加的元素会比前面的元素层级高！
这样在3D旋转过程中，就会造成这样。（真是惨不忍睹，这不是我们要的效果）
在这里插入图片描述
解决问题：
最后参考了一些网友们的代码发现：
给每个img标签添加：border边框。

这样就没有之前的遮挡问题了。
最后，感谢你的阅读~

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/96810