吉列尔莫·纳韦尔·瓦雷利（Guillermo Nahuel Varelli）
我想知道是否有一种无需使用fotoshop即可旋转图像的方法，我想使用CSS或JavaScript
我正在寻找的结果在这里
以下解决方案有效，但是我想旋转没有悬停属性的图像，如果我在此处删除悬停图像，则图像不会旋转
<style>
#card img:hover {
transform: rotateY(360deg);
-webkit-transform: rotateY(180deg);
transition-duration: 1.5s;
-webkit-transition-duration:1s;
}
</style>
如果在这里找到我想要的效果
PDKnight
使用CSS” rotate，rotateX，rotateY，rotateZ。小例子：
img {
transform: inherit;
transition: all 0.3s;
width: 100px;
}
img:hover {
transform: rotateX(45deg)
rotateY(45deg)
rotateZ(45deg);
}
rotate是2D变换方法和rotateX，rotateY，rotateZ被3D变换方法。
W3Schools参考：
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
我来说两句