注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

神殿天堂

神仙的家园

 
 
 

日志

 
 

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

2013-05-09 14:19:00|  分类: xhtml|html|css |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

做网页的时候,难免要处理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前途不可限量啊!!


  评论这张
 
阅读(3)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018