css3可以使方形div旋转720度吗

Posted 2023-04-25

transform:rotate(720deg);
-ms-transform:rotate(720deg);  /* IE 9 */
-moz-transform:rotate(720deg);  /* Firefox */
-webkit-transform:rotate(720deg); /* Safari 和 Chrome */
-o-transform:rotate(720deg);  /* Opera */浏览器支持:
Internet Explorer 10、Firefox、Opera 支持 transform 属性。
Internet Explorer 9 支持替代的 -ms-transform 属性（仅适用于 2D 转换）。
Safari 和 Chrome 支持替代的 -webkit-transform 属性（3D 和 2D 转换）。
Opera 只支持 2D 转换。定义和用法
transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
为了更好地理解 transform 属性，请查看这个演示。
默认值：none    
继承性：no    
版本：CSS3    
javascript 语法：object.style.transform="rotate(7deg)" 参考技术A div

transform: rotate(720deg);
-ms-transform: rotate(720deg); /* IE 9 */
-webkit-transform: rotate(720deg); /* Safari and Chrome */
-o-transform: rotate(720deg); /* Opera */
-moz-transform: rotate(720deg); /* Firefox */

你最好是加上动画效果
div

transition: all 2s;
-moz-transition: all 2s; /* Firefox 4 */
-webkit-transition: all 2s; /* Safari 和 Chrome */
-o-transition: all 2s; /* Opera */
参考技术B 720就是360的2倍，也就是两周。。，不知道你想做什么

如何使用CSS画一个空心长方形 要代码哦，是使用DIV+CSS

如何使用DIVCSS画一条垂直线

如果你只要一条垂直线就设置这个DIV的边框线样式就可以了，样式代码：border-left:1px #000000 solid 这里的border-left是指这个DIV的左边边框，1px就是线的宽度，#000000是线的颜色（这里是黑色），solid是线的样式（这里是实线），整个DIV的代码可以这样写：<div style="width:200px; height:500px; border-left:1px #000000 solid;"></div> 参考技术A 画矩形：<div style="width:300px;height:150px;border:1px solid #000"></div>
画垂直线（以上例 放中间）：<div style="width:300px;height:150px;border:1px solid #000"><div style="width:150px;height:150px;border-right:1px solid #000"></div></div>本回答被提问者采纳 参考技术B 垂直线还不简单么，给一个层定义一个边框样式。右边框或者左边框，然后给颜色跟线条的粗细样式即可