css给图片加3d效果 |360浏览器css兼容

/* 3D旋转效果 */
img {
transform: rotateY(45deg);
}

上述代码会使图片绕Y轴进行45度的旋转，从而实现3D效果。大家可以根据需要修改角度，例如90度：

/* 3D旋转效果 */
img {
transform: rotateY(90deg);
}

此时图片将会转到正面朝上的状态。

/* 3D倾斜效果 */
img {
transform: skew(-30deg);
}

上述代码会使图片X轴向左倾斜30度，在Y轴方向不发生变化。大家也可以根据需要进行X轴向右倾斜、Y轴倾斜等。

/* 3D缩放效果 */
img {
transform: scale(1.5);
}

上述代码会使图片在水平和垂直方向上扩大1.5倍，从而看起来更加醒目。大家也可以根据需要进行缩小、只在水平或垂直方向上缩放等。

总之，CSS可以为图片添加许多有趣的3D效果，只要结合自己的想象和创意，就能创造出更加独特、有趣的图片设计。