如何使div左右倾斜

最新推荐文章于 2024-02-04 21:12:11 发布

weixin_30681615

最新推荐文章于 2024-02-04 21:12:11 发布

阅读量1.3k

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/275147378abc/p/5075558.html

版权

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div左右倾斜</title>
<style>
.div1
{
border:1px solid #FF0000;
transform:rotate(-9deg);
-ms-transform:rotate(-9deg);
-moz-transform:rotate(-9deg);
-webkit-transform:rotate(-9deg);
-o-transform:rotate(-9deg);
}
.div2
{
margin:30px;
width:200px;
height:200px;
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 */
}

</style>

</head>

<body>

//向左倾斜9度
<div class="div1" style="width:200px;height:200px;">

</div>

//向右倾斜45度
<div class="div2"></div>
</body>

转载于:https://www.cnblogs.com/275147378abc/p/5075558.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30681615

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
如何使div左右倾斜

<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>div左右倾斜</title><style> .div1{border:1px solid #FF0000;transform:rotate(-9deg);-ms-transf...
复制链接

扫一扫