css控制div任意角度旋转||倾斜

做网页的时候,难免要处理div选装或者倾斜的问题,之前看过好多网上的帖子,需要使用到滤镜,都能发现,滤镜一般只在IE上有用,其他浏览器就不行了。

不过,好消息,css3为这个效果打开了方便的大门,也就是说,凡是支持CSS3的浏览器,就可以通过以下简单的几句css来实现div的旋转了:

-o-transform: rotate(40deg); /* Opera浏览器 */    
-webkit-transform: rotate(40deg); /* Webkit内核浏览器 */
-moz-transform: rotate(40deg); /* Firefox浏览器 */

  /*  以上实现了div旋转40度角*/

不过可惜的是,IE内核的浏览器均不支持,所以,还是没能从根本上解决问题,但这个发现已经很值得我高兴了。

微软,赶紧啊,css3前途不可限量啊!!

posted @ 2013-05-09 14:19  zagelover  阅读(5521)  评论(0编辑  收藏  举报