我正在尝试使用css或jQuery做一个图像效果，无关紧要。效果是，当悬停在图像上时，这个图像应该像一个像3D效果的楼梯一样升起。
我已尝试过边框，但最终不会像3D一样...尝试谷歌，发现很多3D效果但不是这个......有人可以提供一些提示吗？
照看类似的东西，但带有图片：http://markdotto.com/playground/3d-text/
答案 0 :(得分：1)
你可以使用css属性box-shadow，它也允许多个阴影采用元素边界矩形的形式。
body{
background:chocolate;
}
img{
box-shadow: 5px 5px white,
4px 4px white,
3px 3px white,
2px 2px white,
1px 1px white,
5px 5px 5px black;
border:1px solid white;
}<img src="http://lorempixel.com/250/250/animals">
以下是fiddle的便携性。
box-shadow由xd yd blur color定义，其中xd是水平轴上的阴影偏移，yd是垂直轴上的阴影偏移。
这样我们用逗号（shadow1,shadow2）分隔多个阴影，填充每个＆＃34;步骤＆＃34;朝向最终阴影宽度（在这个例子中它将是5px，因此程序阴影应该是4px 3px 2px，最后是1px）。
为了进一步添加到3D效果，我们做了最后一个阴影，这次是一点点模糊和黑色。
希望它有所帮助！