想要将html代码相册旋转，我们需要用到css的transform属性。具体实现过程如下：

.album {
    position: relative;
    transform-style: preserve-3d;
    transition: transform 1s;
}

.album:hover {
    transform: rotateY(180deg);
}

.album img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

首先，在相册的外层容器中添加一个transform-style: preserve-3d的属性，这个属性是用来开启3D环境的。然后在相册容器的:hover状态下添加transform: rotateY(180deg)的样式，这个样式可以让相册在鼠标滑过时翻转到180度的角度，从而呈现悬浮效果。

接下来，将相片的位置设置为绝对定位，覆盖在相册容器内。然后，为相片添加backface-visibility: hidden的样式，这个样式可以让相片背面不可见。

最后，相册就可以实现旋转效果了。我们可以通过调整transform属性的值来实现不同的旋转效果。比如rotateX(45deg)可以实现绕X轴旋转45度的效果。