基于css的图像90度旋转方法
发布时间： 2020-08-31 11:44:39
来源：亿速云
阅读： 550
作者：无言的刺猬
介绍css将图像旋转90度的方法。 我想大多数人还不太了解。 因此，请分享这篇文章作为参考。 我希望读了这篇文章能取得很大的成果。 以下，一起理解吧。
Firefox下：-moz-transform : rotate (-90 deg )；
- WebKit-transform 3360 rotate (-90 deg )；
(下) filter : progid : dximagetransform.Microsoft.basic image (旋转=3)；
这里是ie过滤代码部分。 你不用在意前面长的大写字母和小写字母混杂的部分。 重点是看后面的“rotation=3”。 这里的参数可以是0、1、2、3。 没有4的话，4或者5的话图像就不旋转。
旋转角度只要将这些数值乘以90(/2)即可，因此“rotation=3”顺时针旋转270度，与transform3360rotate(270deg )的含义相同。 因此，在这里，小的极限33到354不能实现任意角度的旋转，从而只能是90度、180度和270度。
但是，IE浏览器不是简单的罗，实现任意角度的旋转还有很多方法。 但是，因为比上述更麻烦、更难理解，所以使用矩阵变换滤波器。
demo包括：
img{
margin:100px auto 0；
- moz-transform 3360 rotate (-90 deg )；
- WebKit-transform 3360 rotate (-90 deg )；
filter : progid : dximagetransform.Microsoft.basic image (旋转=3)；
}
以上是css实现图像旋转90度方法的所有内容。 感谢您的阅读。 我相信大家得到了一定的理解。 希望想分享的内容对大家有帮助。 另外，如果想学到更多的知识，请关注亿速云行业的信息频道。