求一个能让div倾斜的代码!
html吧
全部回复
仅看楼主
level 7
犯贱到底 楼主
比如说现在有一个div。
<div style="width:200px;height:100px;">
</div>
它是一个长方形的!我想让它整个向左倾斜45°!
求大神解答!
2014年12月15日 03点12分 1
level 7
犯贱到底 楼主
人工置顶
2014年12月15日 04点12分 2
level 2
用透明图片背景做吧
2014年12月15日 05点12分 3
level 11
css3就可以了
2014年12月15日 06点12分 5
level 11
<style>
div
{
border:1px solid #FF0000;
transform:rotate(9deg);
-ms-transform:rotate(9deg);
-moz-transform:rotate(9deg);
-webkit-transform:rotate(9deg);
-o-transform:rotate(9deg);
}
</style>
</head>
<body>
<div style="width:200px;height:100px;">
</div>
</body>
2014年12月15日 06点12分 6
谢谢
2014年12月16日 03点12分
回复 犯贱到底 :有用吗?
2016年06月24日 02点06分
2016年06月26日 15点06分
level 3
在css3里面一查就知道了
2014年12月15日 07点12分 7
level 7
div
{
margin:30px;
width:50px;
height:50px;
background-color:yellow;
/* Rotate div */
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* Internet Explorer */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */
}
————45deg代表45度—————
2014年12月15日 08点12分 8
不同的浏览器要用不同的编码吗?
2014年12月16日 03点12分
回复 犯贱到底 :有些是这样的,但大多是统一的,因为这代码用的是css3的,所以各浏览器没来的及统一。
2014年12月16日 03点12分
回复 情殇的LI :嗦嘎!难怪我有时候用ie好好的,一用火狐就乱套。。。。
2014年12月16日 03点12分
回复 情殇的LI :嗦嘎!难怪我有时候用ie好好的,一用火狐就乱套。。。。谢谢
2014年12月16日 03点12分
level 9
transform(45deg)
2014年12月27日 18点12分 9
1