html中怎么实现自动旋转90度


今天小编给大家分享一下html中怎么实现自动旋转90度的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
  Firefox下:-moz-transform:rotate(-90deg);
  -webkit-transform:rotate(-90deg);
  ie下:filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  这里是ie滤镜代码部分,前面长长的大小写错综的部分我们不用管它,看后面的”rotation=3″这是关键,这里的参数可以是0,1,2,3,没有4,要是是4啊,5啊之类的,图片就不旋转了。
  旋转的角度只要将这些数值乘以90(/2)就可以了,所以呢”rotation=3″表示顺时针旋转270度,与transform:rotate(270deg);是一个意思。所以,这里,就会有些小小的局限——不能实现任意角度的旋转,只能是90度,180度以及270度。
  但是,IE浏览器不是个简单的罗罗,要实现任意角度的旋转,它还是有办法的,只是要比上面的麻烦些,难理解些,要用到矩阵变换滤镜。
  demo如下:
  img{
  margin:100px auto 0;
  -moz-transform:rotate(-90deg);
免费云主机域名   -webkit-transform:rotate(-90deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }以上就是“html中怎么实现自动旋转90度”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注百云主机行业资讯频道。

相关推荐: Web API中如何使用Autofac实现依赖注入

这篇文章主要介绍了WebAPI中如何使用Autofac实现依赖注入的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇WebAPI中如何使用Autofac实现依赖注入文章都会有所收获,下面我们一起来看看吧。创建DI.Entity类库,用…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/24 18:29
下一篇 01/24 18:29

相关推荐