IE浏览器CSS transform旋转属性的演示

矫情吗；* 2022-08-24 11:44 238阅读 0赞

<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
<title>IE浏览器CSS transform旋转属性的演示</title>  
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />  
<style type="text/css">  
body \{  
font-family: "Arial", sans-serif;  
\}  
\#ptOfRef \{  
border: \#000 solid 3px;  
background: \#6FF;  
width: 204px;  
height: 204px;  
position: absolute;  
top: 100px;  
left: 100px;  
\}  
\#example \{  
position: absolute;  
top: 100px;  
left: 100px;  
border: \#09F solid 1px;  
background: \#F90;  
font-weight: 900;  
color: \#FFF;  
padding: 10px;  
display: block;  
width: 200px;  
height: 200px;  
margin-top: -1px;  
margin-left: -1px;  
transform: rotate(40deg);  
\-o-transform: rotate(40deg);  
\-webkit-transform: rotate(40deg);  
\-moz-transform: rotate(40deg);  
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7660444431189777, M12=-0.6427876096865394, M21=0.6427876096865398, M22=0.7660444431189779)\}  
</style>  
  
</head>  
<body>  
<div id="ptOfRef"></div>  
<div id="example">这是一个CSS旋转属性的演示</div>  
</body>  
</html>

发表评论取消回复

表情：

评论列表（有 0 条评论，238人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS 中的 transform-origin 属性

今天看到了 transform-origin 这个属性，不知道它的作用，遂总结整理一下。 `transform-origin` CSS 属性可以让元素更改一个元素变形的原点，

男娘i/ 2023年03月13日 02:46/ 0 赞/ 10 阅读

相关 CSS3 浏览器私有属性标识和transform

当前web开发中特别火的无疑是html5+css3，当然这些现在已经被广泛的使用，最近看了写资料，写下些自己的代码。首先是css3的兼容标识：一、（1）、-webkit

朴灿烈づ我的快乐病毒、/ 2023年02月08日 12:52/ 0 赞/ 210 阅读

相关 css让div旋转,CSS3 transform 属性旋转 div 元素

div \{ transform:rotate(7deg); \-ms-transform:rotate(7deg); /\ IE 9 \/ \-moz-transfo

你的名字/ 2022年09月03日 01:27/ 0 赞/ 382 阅读

相关 IE浏览器CSS transform旋转属性的演示

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="t

矫情吗；*/ 2022年08月24日 11:44/ 0 赞/ 239 阅读

相关 CSS3 transform旋转属性

目前越来越多的浏览器兼容CSS3标准了，CSS3里有一个使对象旋转的属性transform rotate，号称兼容CSS3的浏览器对它的支持也不算好，好在Firefox、Web

逃离我推掉我的手/ 2022年04月14日 07:07/ 0 赞/ 360 阅读

相关 CSS3中的transform转换属性

属性 transition-property 定义对象中参与过度的属性 transition-delay 延迟 transition-duration

布满荆棘的人生/ 2021年10月29日 07:34/ 0 赞/ 375 阅读

相关让IE6/IE7/IE8浏览器支持CSS3属性

一、下载搜索下载：ie-css3.htc,它是让IE浏览器支持CSS3表现的关键。二、上面的是什么东西首先说说.htc文件，.htc文件是个脚本文件，个人以

不念不忘少年蓝@/ 2021年09月10日 17:46/ 0 赞/ 626 阅读

相关 transform三大属性之rotate（旋转）

transform三大属性之rotate 其他：[transform三大属性rotate、scale、translate][transform_rotate_scale_

Dear 丶/ 2021年09月02日 10:34/ 0 赞/ 2387 阅读

相关 CSS3 transform-origin属性设置元素旋转起始位置

CSS3 transform-origin属性设置元素旋转起始位置 1. 作用：设置元素旋转的基点位置。注：元素旋转前后基点位置不变。 2. 使用：transform

傷城~/ 2021年07月26日 01:27/ 0 赞/ 834 阅读

相关 CSS3 transform 属性

实例旋转 `div` 元素： div { transform:rotate(7deg); -ms-transform:rotate(

小鱼儿/ 2021年06月26日 16:06/ 0 赞/ 476 阅读