概述 本文主要讲述如何通过 CSS 简单的设置就可以实现图片的 3D 立体效果。 3D 立体效果 当鼠标移入某一个图片上时,其余图片会像该图片倾斜。 具体实现 静图如下: 倒影效果 图片会有一个倒影效果,其代码如下: <style>img {-webkit-box-reflect: below 1px linear-gradient(transparent, #0009);} </style> -webkit-box-reflect属性会有兼容性问题,该属性的作用就是将元素内容在特定方向上进行轴对称反射。 其语法如下: /* 方向值 */ -webkit-box-reflect