CSS實(shí)現(xiàn)產(chǎn)品動(dòng)態(tài)旋轉(zhuǎn)：

.rotate{
transform-style: Preserve-3d; /* 保留 3D 投射 */
animation: rotate 10s linear infinite; /* 動(dòng)畫(huà)效果 */
}
@keyframes rotate{
 0%{
transform: rotateY(0deg);
 }
 100%{
transform: rotateY(360deg);
 }
}

需要注意的是，上述代碼只是旋轉(zhuǎn)部分，產(chǎn)品渲染的代碼需要自己添加。

在元素上添加.rotate類，即可實(shí)現(xiàn)產(chǎn)品的動(dòng)態(tài)旋轉(zhuǎn)效果。同時(shí)也可以通過(guò)調(diào)整動(dòng)畫(huà)時(shí)間，修改旋轉(zhuǎn)速度等來(lái)達(dá)到更加理想的效果。