ie旋转css3，css实现旋转

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

12.CSS3的Transform详解

rotate：旋转该元素，配合着transform-origin属性，transform-origin 是设置旋转点的。(没有设置transform-origin 属性也可以，只不过是根据该元素的中心点旋转，也就是center center)加上 transform-origin 设置旋转点。

Transform：对元素进行变形。Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。

transition 是制作居间动画的一种方式，可以指定“渐变”的css属性，如width，height，top，left，opacity，transform等。

Q1: ie如何兼容css3动画ie支持css3

可以在后台判断浏览器版本，输出内容=inherit。IE8需要！DOCTYPE。IE9支持inherit。CSSborder属性 border简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性：border-width：规定边框的宽度。

IE浏览器从IE8开始添加了兼容模式，开启后会以低版本的IE进行渲染。

可以用，ie9以及以上浏览器都支持css3。ie9以下的浏览器会无视css3的样式。

打开IE 浏览器。选择“工具”---“兼容性视图设置”。在“在兼容性视图中显示所有网站”前面勾选住。点击关闭就可以了。找到“工具”---“F12开发人员工具”。在浏览器下方可以看到，这些菜单。

这是因为IE很多方面并没有按html和css的标准来做，它是想搞一套自己的标准，结果证明是失败的，因此IE（主要是指IE8-）不是标准浏览器，很多html5和css3的效果无法在IE中呈现出来。

transition 是css3中的属性。仅支持以下浏览器：1，Internet Explorer 10+ 2，Firefox 3，Opera 4，Chrome Internet Explorer 9 以及更早版本的浏览器不支持 transition 属性。

Q2: CSS3都有哪些新特性呢?

1、丰富了对链接下划线的样式，以往的下划线都是直线，这次可不一样了，有波浪线、点线、虚线等等，更可对下划线的颜色和位置进行任意改变。

2、border-color：控制边框颜色，并且有了更大的灵活性，可以产生渐变效果；border-image：控制边框图象 CSS3边框border-corner-image：控制边框边角的图象；border-radius：能产生类似圆角矩形的效果。

3、CSS filter fileter并非IE的过滤器，是CSS3中新添加的属性。

4、H5的新特性：用于绘画 canvas 元素。用于媒介回放的 video 和 audio 元素。本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失；sessionStorage 的数据在浏览器关闭后自动删除。

Q3: CSS3的transform属性的用法?

1、transition 过渡作为一个复合属性 transition-property 指定可以过渡的属性默认值是all 定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。

2、在css3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale 和移动translate 以及矩阵变形matrix。

3、Transform：对元素进行变形。Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。

4、transform css中的变形属性 transition 是制作居间动画的一种方式，可以指定“渐变”的css属性，如width，height，top，left，opacity，transform等。

5、css3的transform属性允许我们旋转、缩放和移动元素。可以通过给它传递一个rotate(度数)值来旋转一个元素，正值表示顺时针方向旋转，负值表示逆时针方向旋转，旋转的中心点为元素的中心。

Q4: 如何让IE支持CSS3的resize属性

rem是css3新增的字体大小单位，IE6/7/8不支持。

dom loaded的时候先调一下这个resize回调函数。

关于ie旋转css3和css实现旋转的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。